<template>
  <view class="v2 box" style="display: flex; flex-direction: column">
    <uni-popup ref="binds11" type="center" :isMaskClick="false">
      <view class="uni-popup-wrapper" style="padding: 0">
        <view
          class="uni-popup-title"
          style="line-height: 45rpx; margin-top: 79rpx; margin-bottom: 79rpx"
        >
          是否要{{ flag ? '确定' : '拒绝' }}{{ curGift3.type == 1 ? '收货' : '退货' }}?
        </view>
        <view class="uni-popup-btn-wrapper">
          <button class="uni-popup-btn cu-btn left" @click="confirmCancel3">取消</button>
          <button class="uni-popup-btn cu-btn right" @click="confirm3">确认</button>
        </view>
      </view>
    </uni-popup>
    <view class="bang-club">
      <!-- <view class="bang-club-top">
				<view class="bang-top">
					<view class="ming-xis" @click="goLevel">
						等级规则
					</view>
				</view>

				<view class="flex">
					<view class=" top-item">
						<view class="top-title">
							当前等级
						</view>
						<view class="top-content top-left flex">
							{{vipData.memberLevelTitle}}
						</view>
					</view>
					<view class="top-right top-item">
						<view class="top-title">
							帮帮豆余额
						</view>
						<view class="top-content flex">
							{{vipData.integral - vipData.accumulatedUsageIntegral}}
						</view>
					</view>
				</view>

			</view> -->
      <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'"> </view>
      <view class="tou top fixed" :style="'padding-top:' + statusBarHeight1 + 'px'">
        <image
          class="image1"
          @click="fanhui"
          src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png"
        />
        <text> 帮友俱乐部 </text>
        <view class="bang-club-scan">
          <!-- <image src="" mode="" style="width: 100%;height: 100%;"></image> -->
          <!-- #ifdef APP-PLUS || MP-WEIXIN -->
          <image
            @click="saoma"
            v-if="userInfo.merchantId && manageStatus != 1"
            style="width: 60rpx; height: 60rpx"
            class="index-sousou"
            src="https://pic.bangbangtongcheng.com/static/saoma_1.png"
            mode="widthFix"
          />
          <!-- #endif -->
          <image
            v-if="manageStatus == 1"
            @click="sousuo"
            style="width: 60rpx; height: 60rpx"
            class="index-sousou"
            src="https://pic.bangbangtongcheng.com/static/sousuo.png"
            mode="widthFix"
          />
        </view>
      </view>
      <view class="bang-club-main">
        <swiper
          :indicator-dots="false"
          v-if="index1 > -1"
          :current="index1"
          previous-margin="16px"
          next-margin="16px"
          :autoplay="false"
          :interval="3000"
          :duration="1000"
        >
          <swiper-item class="" v-for="(item, index) in swiperList">
            <view class="bang-club-swiper-item">
              <image :src="item.bg" mode="" class="bang-swiper-bg"></image>
              <view class="bang-swiper-rule" @click="goLevel">
                <view class="bang-swiper-rule-l">
                  <image
                    src="https://pic.bangbangtongcheng.com/static/member/zuan.png"
                    mode="aspectFill"
                    width="36rpx"
                  >
                  </image>
                </view>
                等级规则
              </view>
              <view class="bang-club-t">
                <view class="bang-club-tl">
                  <image
                    :src="vipData.image || 'https://pic.bangbangtongcheng.com/static/my/header.png'"
                    style="width: 80rpx; height: 80rpx"
                    mode="aspectFill"
                  >
                  </image>
                </view>
                <view
                  class="bang-club-tr"
                  :style="'position: relative;color:' + item.levelLineColor"
                >
                  <view :style="'color:' + item.levelLabelColor" class="bang-club-trt text-cut">
                    {{ vipData.nikeName || '未命名用户' }}，您好！
                  </view>
                  <view class="bang-club-trb text-cut"
                    >您的帮帮豆余额：{{
                      Number(vipData.integral) - Number(vipData.accumulatedUsageIntegral)
                    }}
                  </view>
                </view>
              </view>
              <view class="bang-club-b">
                <view class="bang-club-bt">
                  <view class="bang-club-bt-line"> </view>
                  <view
                    class="bang-club-bt-line-fill"
                    :style="
                      'background-color:' + item.levelLineColor + ';width:' + psg[index] + '%'
                    "
                  >
                  </view>
                </view>
                <view class="bang-club-bb">
                  <view class="bang-club-bb-left" :style="'color:' + item.levelLabelColor">
                    {{ item.levelLabel }}
                  </view>
                  <view class="bang-club-bb-right" :style="'color:' + item.levelLabelColor">
                    <template
                      v-if="
                        vipDataList[index] && vipData.integral * 1 < vipDataList[index].inteOver * 1
                      "
                    >
                      距离升级还差{{ vipDataList[index].inteOver * 1 - vipData.integral * 1 }}帮帮豆
                    </template>
                    <template v-else> 您已达成 </template>
                  </view>
                </view>
              </view>
            </view>
          </swiper-item>
        </swiper>
      </view>
      <u-sticky :offset-top="'0'" :customNavHeight="statusBarHeight1 + upx2px(88) + 'px'">
        <view class="tit">
          <view :class="titXuan == 2 ? 'xuan tit_item' : ' tit_item'" @click="titClick(2)">
            车会员
            <image
              class="image"
              v-if="titXuan == 2"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
            ></image>
          </view>
          <view
            v-if="manageStatus != 1"
            :class="titXuan == 1 ? 'xuan tit_item' : 'tit_item'"
            @click="titClick(1)"
            style="margin-left: 60rpx"
          >
            今日任务
            <image
              class="image"
              v-if="titXuan == 1"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
            ></image>
          </view>
          <!-- <view :class="titXuan == 3 ? 'xuan tit_item' : 'tit_item'" style="margin-left: 60rpx;"
						@click="titClick(3)">
						活动中心
						<image class="image" v-if="titXuan == 3"
							src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix"></image>
					</view> -->

          <view
            v-if="manageStatus == 1"
            :class="titXuan == 4 ? 'xuan tit_item' : 'tit_item'"
            @click="titClick(4)"
            style="margin-left: 60rpx"
          >
            礼品管理
            <image
              class="image"
              v-if="titXuan == 4"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
            ></image>
          </view>
          <view class="jiLu" @click.stop="redemptionRecord" v-if="titXuan == 3"> 兑换记录> </view>
        </view>
      </u-sticky>
      <view v-if="titXuan == 1" style="background-color: #f5f5f5">
        <view class="task-content flex" style="background-color: #fff">
          <view class="task-title">
            <!-- <view class="today-task">
							今日任务
						</view> -->
            <view class="today-task-desc"> 完成以下任务，可获得{{ totalIntegral }}帮帮豆 </view>
          </view>
          <view class="level-rule" @click="goDetail"> 明细 </view>
        </view>

        <view class="task-list" style="background-color: #fff">
          <view class="task-li flex" v-for="(item, index) in taskList" :key="index">
            <view class="task-left flex">
              <image src="https://pic.bangbangtongcheng.com/static/gzh01.png" mode=""></image>
              <view class="task-desc">
                <view class="task-title">{{ item.title }}</view>
                <view class="task-dot">+{{ item.integral }}帮帮豆</view>
              </view>
            </view>
            <view class="task-right flex">
              <view class="task-btn finish" v-if="item.CS == item.num">
                {{ taskName[index].finish }}
              </view>
              <view class="task-btn" v-else @click="goFinish(item.number)"
                >{{ taskName[index].noFinish }}
              </view>
              <view class="task-num">{{ item.CS }}/{{ item.num }}次</view>
            </view>
          </view>
        </view>
        <view class="more-task" style="background-color: #fff"> — 更多任务，敬请期待 — </view>
      </view>

      <view
        v-if="titXuan == 2"
        style="
          background-color: #f5f5f5;
          position: relative;
          flex: 1;
          display: flex;
          flex-direction: column;
        "
      >
        <!-- <image src="https://pic.bangbangtongcheng.com/static/member/joinMember.png" mode="aspectFill" style="
				position: absolute;left: 0rpx;right:0rpx;padding: 20rpx 50rpx;height: 168rpx;top:0" @click.stop="joinMember"></image> -->
        <view
          v-if="manageStatus != 1 && !userInfo.merchantId"
          style="position: relative; flex: 1; display: flex; flex-direction: column"
        >
          <template
            v-if="
              !userInfo.merchantId &&
              userInfo.businessType == 2 &&
              userInfo.isShop == 1 &&
              (userInfo.shopType == '3' || userInfo.shopType == '4')
            "
          >
            <view
              @click="joinMember"
              style="
                position: absolute;
                left: 0rpx;
                right: 0rpx;
                height: auto;
                top: 0;
                padding: 20rpx 50rpx 20rpx 50rpx;
              "
            >
              <image
                src="https://pic.bangbangtongcheng.com/static/member/joinMember3.png"
                mode="widthFix"
                style="width: 100%; height: 100%"
              >
              </image>
              <image
                src="https://pic.bangbangtongcheng.com/static/member/be-merchant-btn.png"
                mode="widthFix"
                style="
                  width: 84rpx;
                  height: 84rpx;
                  position: absolute;
                  right: 78rpx;
                  bottom: 62rpx;
                  transform-origin: center;
                "
                class="animal-scale"
              >
              </image>
              <!-- <image src="https://pic.bangbangtongcheng.com/static/member/shou.png" mode="widthFix" style="
								width: 56rpx;position: absolute;right: 68rpx;top: 112rpx;" class="animal-opacity">
									</image> -->

              <view class="animal-float"> 车会员商家火爆加盟中 </view>
              <view class="animal-static"> 期待您的加入 </view>
            </view>

            <view
              class="member"
              style="height: auto; overflow: hidden; padding-top: 216rpx; line-height: 60rpx"
            >
              <view
                :class="members == 1 ? 'xuan member_item' : 'member_item'"
                @click="membersClick(1)"
              >
                待领会员礼
              </view>
              <view
                :class="members == 2 ? 'xuan member_item' : 'member_item'"
                style="margin-left: 60rpx"
                @click="membersClick(2)"
                >领取记录</view
              >
              <view
                :class="members == 3 ? 'xuan member_item' : 'member_item'"
                style="margin-left: 60rpx"
                @click="membersClick(3)"
                >车辆管理</view
              >
            </view>
          </template>
          <template v-else>
            <view class="member">
              <view
                :class="members == 1 ? 'xuan member_item' : 'member_item'"
                @click="membersClick(1)"
              >
                待领会员礼
              </view>
              <view
                :class="members == 2 ? 'xuan member_item' : 'member_item'"
                style="margin-left: 60rpx"
                @click="membersClick(2)"
                >领取记录</view
              >
              <view
                :class="members == 3 ? 'xuan member_item' : 'member_item'"
                style="margin-left: 60rpx"
                @click="membersClick(3)"
                >车辆管理</view
              >
            </view>
          </template>
          <!--  待领会员礼列表  -->
          <view class="membershipList" v-if="members == 1">
            <view
              class="membershipList_item"
              style="height: 114rpx; padding-top: 12rpx"
              v-for="(item, index) in membersCollectList"
              :key="index"
              @click="membershipGiftDetails(item, index)"
            >
              <view class="membership_left">
                <view class="image_k">
                  <image
                    class="image"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/gift.png"
                    mode=""
                  ></image>
                </view>
                <view
                  class=""
                  style="display: flex; align-items: center; font-size: 30rpx; font-weight: 400"
                >
                  {{ item.monthContent }}
                  <!-- <text v-if="item.proportionReceiving.split('/')[1]!='0'"
										style="margin-left: 20rpx; text-align: center;font-size: 28rpx;font-weight: 400;color:#999999;">
										{{item.proportionReceiving}}
									</text> -->
                </view>
              </view>
              <view class="">
                <!-- <view class="membership_state" style="backgroundColor:#999999"
									@click="membershipGiftDetails(item,index)"
									v-if="item.proportionReceiving.split('/')[0]!='0' && item.proportionReceiving.split('/')[1]!='0' && item.proportionReceiving.split('/')[0]>=item.proportionReceiving.split('/')[1]">
									已领取
								</view>
								<view class="membership_state" v-else @click="membershipGiftDetails(item,index)"
									:style="{backgroundColor: item.receiveContent=='去领取'?'#64B6A8':'#999999'}">
									<image src="https://pic.bangbangtongcheng.com/static/member/goMerchant.png" mode="widthFix"
										style="vertical-align: middle;width: 40rpx;margin-right: -6rpx;"
										v-if="item.receiveContent=='去领取'"></image> {{item.receiveContent}}

								</view> -->

                <!-- <view class="membership_state" style="backgroundColor:#999999"
									@click="membershipGiftDetails(item,index)"
									v-if="!item.isEnable">
									已领取
								</view> -->
                <view
                  class="membership_state"
                  :style="{
                    backgroundColor: item.receiveContent == '去领取' ? '#64B6A8' : '#999999',
                  }"
                >
                  <image
                    src="https://pic.bangbangtongcheng.com/static/member/goMerchant.png"
                    mode="widthFix"
                    style="vertical-align: middle; width: 40rpx; margin-right: -6rpx"
                    v-if="item.receiveContent == '去领取'"
                  ></image>
                  {{ item.receiveContent }}
                </view>
              </view>
            </view>
            <!-- 暂无更多数据 -->
            <view class="more"> — 当前列表仅展示最近半年的会员礼品 — </view>
          </view>
          <!-- 领取记录列表  -->
          <view class="membershipList" v-else-if="members == 2">
            <view v-if="receivRecordList.length && licensePlateList.length">
              <view
                class="membershipList_item"
                v-for="(item, index) in receivRecordList"
                :key="index"
                @click="viewDetails(item)"
              >
                <view class="membership_left">{{ item.monthContent }}</view>
                <view class="">查看明细 ></view>
              </view>
            </view>
            <!-- 暂无数据 -->
            <view class="NoData">
              <image
                class="image"
                v-if="!receivRecordList.length || !licensePlateList.length"
                src="https://pic.bangbangtongcheng.com/static/none.png"
                mode="widthFix"
              />
              <view v-if="!receivRecordList.length" style="margin-top: 24rpx"
                >您还没有领取过礼品呢</view
              >
              <view v-if="!licensePlateList.length"
                ><span @click="toTranslate" style="color: #64b6a8">前往门店</span
                >领取会员码，成为会员每月领取好礼</view
              >
              <view v-if="!licensePlateList.length" class="Unbind" @click="toTranslate">
                去绑定
              </view>
            </view>
          </view>
          <view class="membershipList" v-else-if="members == 3">
            <view v-if="licensePlateList.length">
              <view
                class="membershipList_item"
                v-for="(item, index) in licensePlateList"
                :key="item.id"
              >
                <view class="LicensePlate">
                  <!-- 车牌号 -->
                  <view class="LicensePlate_name">
                    {{ item.licensePlateNumber }}
                  </view>
                  <!-- 绑定时间 -->
                  <view class="LicensePlate_time"> 绑定时间:{{ item.bindingTime }} </view>
                </view>
                <view class="Unbinds" @click="jcbdClick(item)">解除绑定</view>
              </view>
            </view>
            <!-- 暂无数据 -->
            <view class="NoData" v-else>
              <image
                class="image"
                src="https://pic.bangbangtongcheng.com/static/none.png"
                mode="widthFix"
              />
              <view style="margin-top: 24rpx">您还没有绑定的车车呢</view>
              <view
                ><span @click="toTranslate" style="color: #64b6a8">前往门店</span
                >领取会员码，成为会员每月领取好礼</view
              >
              <view class="Unbind" @click="toTranslate"> 去绑定 </view>
            </view>
          </view>
        </view>
        <view class="is-merchant-page" v-if="manageStatus != 1 && userInfo.merchantId">
          <view class="merchant-side">
            <u-sticky :offset-top="'0'" :customNavHeight="statusBarHeight1 + upx2px(188) + 'px'">
              <view
                class="merchant-side-item"
                :class="merchantStatusActive == 1 ? 'active' : ''"
                @click="changeMerchantStatus(1)"
              >
                礼品管理
              </view>
              <view
                class="merchant-side-item"
                :class="merchantStatusActive == 2 ? 'active' : ''"
                @click="changeMerchantStatus(2)"
                v-if="!isStaff"
              >
                员工管理
              </view>
              <view
                class="merchant-side-item"
                :class="merchantStatusActive == 3 ? 'active' : ''"
                @click="changeMerchantStatus(3)"
                v-if="!isStaff"
              >
                出入库记录
              </view>
              <view
                class="merchant-side-item"
                :class="merchantStatusActive == 4 ? 'active' : ''"
                @click="changeMerchantStatus(4)"
                v-if="!isStaff"
              >
                复扫记录
              </view>
            </u-sticky>
          </view>
          <view class="merchant-mian">
            <template v-if="merchantStatusActive == 1">
              <!-- v-if="merchantDetail" -->
              <view class="merchant-select">
                <!-- <view class="merchant-select2" v-if="!merchantDetail">
									<uni-data-select v-if="merchantDetail" v-model="merchantValue2" placeholder="请选择"
										@change="change22" :clear="false" :localdata="merchantOptions2"></uni-data-select>
								</view> -->
                <view class="merchant-select2">
                  <uni-data-select
                    ref="select1"
                    v-model="merchantValue"
                    placeholder="请选择"
                    @change="change11"
                    :clear="false"
                    :localdata="merchantOptions"
                  ></uni-data-select>
                </view>
                <view class="merchant-select2" v-if="merchantDetail">
                  <uni-data-select
                    ref="select2"
                    v-model="merchantValue2"
                    placeholder="请选择"
                    @change="change22"
                    :clear="false"
                    :localdata="merchantOptions2"
                  ></uni-data-select>
                </view>
              </view>
              <template v-if="!merchantDetail">
                <view class="merchant1-list">
                  <view
                    @click.stop="selectGift(i)"
                    class="merchant1-item"
                    v-for="(i, index) in giftInformationList"
                    :key="index"
                  >
                    <template v-if="i.id == 100000000">
                      <view class="merchant1-item-left">
                        <image
                          src="https://pic.bangbangtongcheng.com/static/member/android.png"
                          mode="aspectFill"
                          class="merchant1-item-img"
                        ></image>
                      </view>
                      <view class="merchant1-item-right">
                        <view class="merchant1-title"> 二维码 </view>
                        <view class="merchant1-info" style="white-space: nowrap">
                          <view class="merchany-info-box line1"> 已绑定：{{ i.bound }} </view>
                          <view class="merchany-info-box" style="width: auto">
                            未绑定：{{ i.unbound }}
                          </view>
                        </view>
                      </view>
                    </template>
                    <template v-else>
                      <view class="merchant1-item-left">
                        <image
                          :src="i.giftInformation && i.giftInformation.giftPicture"
                          mode="aspectFill"
                          class="merchant1-item-img"
                        ></image>
                      </view>
                      <view class="merchant1-item-right">
                        <view class="merchant1-title">
                          {{ i.giftInformation && i.giftInformation.giftName }}
                        </view>
                        <view class="merchant1-info" style="white-space: nowrap">
                          <view class="merchany-info-box line1"> 当月送出：{{ i.sendTotal }} </view>
                          <view class="merchany-info-box" style="width: auto">
                            库存：{{ i.stock }}
                          </view>
                        </view>
                      </view>
                    </template>
                  </view>
                  <view v-if="giftInformationList.length == 0" class="none">
                    <image
                      src="https://pic.bangbangtongcheng.com/static/none.png"
                      mode="widthFix"
                    />
                    <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
                  </view>
                </view>
              </template>
              <template v-else>
                <view class="merchant1-list1-title">
                  <text>{{ modemode == 2 ? '已绑定' : '已送出' }} :{{ newTotal }}份</text>
                  <text>当前库存:{{ curStock }}份</text>
                </view>
                <view class="merchant1-list1">
                  <view class="merchant1-item1" v-for="i in giftDistributionRecord">
                    <view>车牌号:{{ i.licensePlateNumber }}</view>
                    <view>时间:{{ i.lssuingTime }}</view>
                    <view>礼品名称: {{ i.giftName }} X1</view>
                    <view style="line-height: 40rpx" v-if="merchantValue != -2">
                      发放人:{{ i.issuerName || '未命名用户' }}</view
                    >
                  </view>
                  <view v-if="giftDistributionRecord.length == 0" class="none">
                    <image
                      src="https://pic.bangbangtongcheng.com/static/none.png"
                      mode="widthFix"
                    />
                    <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
                  </view>
                </view>
              </template>
            </template>
            <template v-if="merchantStatusActive == 2">
              <view class="merchant2-list">
                <view class="merchant2-head">
                  <view class="merchant2-section">员工姓名</view>
                  <view class="merchant2-section">手机号</view>
                  <view class="merchant2-section">
                    <view
                      class="btn c-comfirm-btn status-btn solid"
                      @click="changeMerchantStatusActiveManage"
                      style="
                        width: 123rpx;
                        height: 48rpx;
                        line-height: 48rpx;
                        border-color: #64b6a8;
                        color: #64b6a8;
                      "
                    >
                      {{ merchantStatusActiveManage ? '完成' : '管理' }}
                    </view>
                  </view>
                </view>
                <view v-if="employeesList.length == 0" class="none">
                  <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
                  <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
                </view>

                <view class="merchant2-item" v-for="i in employeesList">
                  <view class="merchant2-section" @click.stop="selectStaff(i)">
                    <!--:class="merchantStatusActiveManage?'operate-status':''" <view class="box-check solids " :class="i.active?'checked':''"
											v-if="merchantStatusActiveManage">
				
										</view> -->
                    {{ i.fullName }}
                  </view>
                  <view class="merchant2-section">{{ i.cellphoneNumber }}</view>
                  <view class="merchant2-section" style="justify-content: flex-end">
                    <image
                      @click.stop="merchantOperate(i)"
                      style="
                        position: absolute;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        width: 48rpx;
                        height: 48rpx;
                      "
                      src="https://pic.bangbangtongcheng.com/static/member/trash.png"
                      mode="aspectFill"
                      v-if="merchantStatusActiveManage"
                    >
                    </image>
                  </view>
                </view>
                <!-- <view v-if="employeesList.length == 0" class="none">
									<image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
									<view>没有更多数据了</view>
								</view> -->
                <view class="merchant2-fit" v-if="employeesList.length"> </view>
                <button
                  v-if="merchantStatusActiveManage"
                  class="merchant2-btn btn c-comfirm-btn cu-btn"
                  @click.stop="merchantOperate()"
                >
                  {{ '新增员工(' + employeesList.length + '/5)' }}
                </button>
              </view>
            </template>

            <template v-if="merchantStatusActive == 3">
              <!-- <view class="merchant-select admin-select">
								
								<view class="merchant-select2">
									<uni-data-select v-model="merchantValue5" placeholder="请选择"
										@change="change45" :clear="false" :localdata="merchantShopOptions"></uni-data-select>
								</view>
								
								<view class="merchant-select2">
									<uni-datetime-picker class="picker" v-model="dates" type="date" @change='changeTime' />
								</view>

							</view> -->
              <template v-if="!merchantRecordDetail">
                <view class="merchant3-list">
                  <view
                    class="merchant3-item"
                    :class="i.isShow ? 'isShow' : ''"
                    @click="merchantRecordDetailLink(i)"
                    v-for="(i, index) in giftInventoryByMerchantsId"
                    :key="index"
                  >
                    <view class="dian" v-if="i.confirmStatus == 0"></view>
                    <view class="merchant3-item-top">
                      <view class="merchant3-item-left">
                        <text class="merchant3-item-left-txt">
                          {{ i.type == 1 ? '礼品送货单' : '礼品退货单' }}
                        </text>
                      </view>
                      <view
                        class="merchant3-item-right status-btn cu-success solid"
                        :class="
                          i.confirmStatus == 0
                            ? 'cu-dangerous'
                            : i.confirmStatus == 1
                            ? i.type == 1
                              ? 'cu-success'
                              : 'cu-success'
                            : 'cu-dangerous'
                        "
                      >
                        {{
                          i.confirmStatus == 0
                            ? '待确认'
                            : i.confirmStatus == 1
                            ? i.type == 1
                              ? '收货成功'
                              : '退货成功'
                            : i.type == 1
                            ? '拒绝收货'
                            : '拒绝退货'
                        }}
                        <!-- i==1?'cu-dangerous':i==2?'cu-success':'cu-cancel' -->
                        <!-- {{i==1?'退货成功':i==2?'收货成功':'拒绝收货'}} -->
                      </view>
                      <view class="details"> 查看详情 </view>
                    </view>
                    <!-- <view class="merchantName">
											商家:{{i.merchantName}}
										</view> -->
                    <view class="merchant3-item-bottom date">
                      {{ i.type == 1 ? '送货' : '退货' }}时间：{{ i.createDate }}
                    </view>
                  </view>
                  <view v-if="giftInventoryByMerchantsId.length == 0" class="none">
                    <image
                      src="https://pic.bangbangtongcheng.com/static/none.png"
                      mode="widthFix"
                    />
                    <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
                  </view>
                </view>
              </template>
            </template>

            <template v-if="merchantStatusActive == 4">
              <template>
                <view class="merchant3-list">
                  <view
                    class="merchant3-item"
                    @click="recodeDetail(i)"
                    v-for="(i, index) in recodeList"
                    :key="index"
                  >
                    <view class="merchant3-item-top" v-if="i.rescanDate">
                      <view class="merchant3-item-left">
                        <text class="merchant3-item-left-txt">
                          {{ i.rescanDate.split('-')[1] }}月复扫记录
                        </text>
                      </view>
                    </view>
                    <view class="merchant3-item-bottom date"> 数量：{{ i.rescanNum }} </view>
                  </view>
                  <!-- <view v-if="recodeList.length == 0" class="none">
										<image src="https://pic.bangbangtongcheng.com/static/none.png"
											mode="widthFix" />
										<view>{{downStatus?'加载中...':'没有更多数据了'}}</view>
									</view> -->
                </view>
              </template>
            </template>
          </view>
        </view>

        <view class="manage-page" v-if="manageStatus == 1">
          <view class="manage-page-select">
            <view class="manage-page-select-input-box">
              <image
                @click="init33"
                src="https://pic.bangbangtongcheng.com/static/sousuo1.png"
                class="input-sousuo"
                mode="scaleToFill"
              />
              <input
                class="manage-page-select-input"
                @confirm="init33"
                type="text"
                v-model="merchantText"
              />
              <image
                v-if="merchantText"
                @click="
                  merchantText = ''
                  init33()
                "
                src="https://pic.bangbangtongcheng.com/static/bbzc/rz_close.png"
                class="input-close"
                mode="scaleToFill"
              />
            </view>
            <view class="manage-page-select-wrap">
              <uni-data-select
                v-model="merchantValue3"
                placeholder="请选择"
                @change="change33"
                :clear="false"
                :localdata="merchantOptions3"
              ></uni-data-select>
            </view>
          </view>
          <view class="manage-page-list">
            <view
              class="manage-page-item"
              v-for="(item, index) in merchantListV2"
              :key="index"
              @click.stop="goGiftMana(item)"
            >
              <view class="manage-page-item-left">
                <image :src="item.storePicture" mode="aspectFill"></image>
              </view>
              <view class="manage-page-item-right">
                <view class="manage-page-item-title flex_end">
                  <view class="manage-page-item-title-text">
                    <view class="">
                      {{ item.merchantName }}
                    </view>
                    <view
                      class=""
                      v-if="item.status != 1 || item.deleteFlag == 1"
                      style="
                        margin-top: 6rpx;
                        height: 34rpx;
                        font-size: 24rpx;
                        font-weight: 400;
                        color: #e00000;
                        line-height: 34rpx;
                      "
                    >
                      {{ item.deleteFlag == 1 ? '商家已注销' : '' }}
                    </view>
                  </view>
                  <view
                    class="manage-page-item-title-statusDesc"
                    v-if="item.statusDesc && item.statusDesc != '正常'"
                    style="
                      margin-top: 6rpx;
                      height: 34rpx;
                      font-size: 24rpx;
                      font-weight: 400;
                      color: #e00000;
                      line-height: 34rpx;
                    "
                  >
                    {{ item.statusDesc }}
                  </view>
                </view>
                <view class="manage-page-item-info">
                  <view class="manage-page-item-info-left">
                    <!-- $Time.formatTime2 -->
                    {{
                      item.lastVisitTime
                        ? '上次回访：' + $Time.formatTime2('yyyy/M/d', item.lastVisitTime)
                        : ''
                    }}
                  </view>
                  <view class="manage-page-item-info-right" @click.stop="openMap(item)">
                    <view class="daohang">
                      <image src="https://pic.bangbangtongcheng.com/static/fei.png" />
                    </view>
                    <view>{{ item.distance ? item.distance + 'km' : '' }}</view>
                  </view>
                </view>
              </view>
            </view>
            <view v-if="merchantListV2.length == 0" class="none">
              <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
              <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
            </view>
            <view class="down" v-show="merchantListV2.length != 0 && !downStatus">没有更多了</view>
          </view>
        </view>
        <new-binds ref="newBinds" @leftBtn="leftBtn" @rightBtn="rightBtn"></new-binds>
      </view>

      <view class="activityCenter" v-if="titXuan == 3" style="background-color: #f5f5f5">
        <view
          class="iteam"
          v-for="(item, index) in aboutList"
          :key="item.id"
          @click="eventDetails(item)"
        >
          <image class="image" :src="item.activityPicture" mode="aspectFill"></image>
          <view class="iteam_title">
            <view class="label">
              {{ item.activityStatus }}
            </view>
            <view class="title">
              {{ item.activityTitle }}
            </view>
          </view>
          <view class="iteam_time">
            <view class="left_time">
              <view class="startTime"> 开始时间：{{ item.startTime }} </view>
              <view class="endTime"> 结束时间：{{ item.endTime }} </view>
            </view>
            <view class="right_ckxq"> 查看详情> </view>
          </view>
        </view>
        <!-- 暂无更多数据 -->
        <view class="more"> — 更多活动，敬请期待 — </view>
      </view>
      <view
        v-if="titXuan == 4"
        style="
          background-color: #f5f5f5;
          position: relative;
          flex: 1;
          display: flex;
          flex-direction: column;
        "
      >
        <view class="is-merchant-page">
          <view class="merchant-side">
            <u-sticky :offset-top="'0'" :customNavHeight="statusBarHeight1 + upx2px(188) + 'px'">
              <view
                class="merchant-side-item"
                :class="merchantStatusActive == 1 ? 'active' : ''"
                @click="changeMerchantStatus(1)"
              >
                礼品信息
              </view>
              <!-- <view class="merchant-side-item" :class="merchantStatusActive == 2 ? 'active' : ''"
								@click='changeMerchantStatus(2)' v-if="!isStaff">
								员工管理
							</view> -->
              <view
                class="merchant-side-item"
                :class="merchantStatusActive == 3 ? 'active' : ''"
                @click="changeMerchantStatus(3)"
                v-if="!isStaff"
              >
                出入库记录
              </view>
            </u-sticky>
          </view>
          <view class="merchant-mian">
            <template v-if="merchantStatusActive == 1">
              <!-- v-if="merchantDetail" -->
              <view class="merchant-select merchant-select-admin">
                <!-- <view class="merchant-select2" v-if="!merchantDetail">
									<uni-data-select v-if="merchantDetail" v-model="merchantValue2" placeholder="请选择"
										@change="change22" :clear="false" :localdata="merchantOptions2"></uni-data-select>
								</view> -->
                <!-- <view class="merchant-select2">
									<uni-data-select v-model="merchantValue4" placeholder="请选择" @change="change12"
										:clear="false" :localdata="merchantOptions"></uni-data-select>
								</view> -->
                <view @click="selectWindow = !selectWindow">筛选</view>
                <!-- <view class="merchant-select2" v-if="merchantDetail">
									<uni-data-select v-model="merchantValue2" placeholder="请选择" @change="change22"
										:clear="false" :localdata="merchantOptions2"></uni-data-select>
								</view> -->
              </view>
              <view class="selectWindow" v-if="selectWindow">
                <view class="windowclose">
                  <text class="cuIcon-close" @click="selectWindow = !selectWindow"></text>
                </view>
                <view class="select-title"> 礼品名称 </view>
                <view class="merchant-select2">
                  <uni-data-select
                    v-model="merchantValue4"
                    placeholder="请选择"
                    @change="change12"
                    :clear="false"
                    :localdata="merchantOptions"
                  ></uni-data-select>
                </view>
                <view class="select-title"> 配送商家 </view>
                <view class="merchant-select2">
                  <uni-data-select
                    v-model="merchantValue5"
                    placeholder="请选择"
                    @change="change44"
                    :clear="false"
                    :localdata="merchantShopOptions"
                  ></uni-data-select>
                </view>
                <view class="window-bottom">
                  <view class="btn" @click="resetAdmin"> 重置 </view>
                  <view class="btn btn1" @click="getInitAsyncData()"> 确定 </view>
                </view>
              </view>
              <template v-if="!merchantDetail">
                <view class="merchant1-list">
                  <view
                    class="merchant1-item"
                    @click="deliverGoodsdetail(i)"
                    v-for="(i, index) in giftInformationList"
                    :key="index"
                  >
                    <template v-if="i.id == 100000000">
                      <view class="merchant1-item-left">
                        <image
                          src="https://pic.bangbangtongcheng.com/static/member/android.png"
                          mode="aspectFill"
                          class="merchant1-item-img"
                        ></image>
                      </view>
                      <view class="merchant1-item-right">
                        <view class="merchant1-title"> 二维码 </view>
                        <view class="merchant1-info" style="white-space: nowrap">
                          <view class="merchany-info-box line1"> 已绑定：{{ i.bound }} </view>
                          <view class="merchany-info-box" style="width: auto">
                            未绑定：{{ i.unbound }}
                          </view>
                        </view>
                      </view>
                    </template>
                    <template v-else>
                      <view class="merchant1-item-left">
                        <image
                          :src="i.giftInformation && i.giftInformation.giftPicture"
                          mode="aspectFill"
                          class="merchant1-item-img"
                        ></image>
                      </view>
                      <view class="merchant1-item-right">
                        <view class="merchant1-title">
                          <view class="merchant1-title-text">{{
                            i.giftInformation && i.giftInformation.giftName
                          }}</view>
                        </view>

                        <view v-if="i.giftInformation.id != 0">
                          <view
                            class="merchant1-info"
                            style="white-space: nowrap; font-size: 24rpx"
                          >
                            <view class="merchany-info-box" style="width: auto"> 领取时间： </view>
                          </view>
                          <view
                            class="merchant1-info"
                            style="white-space: nowrap; font-size: 24rpx"
                          >
                            <view class="merchany-info-box" style="width: auto">
                              {{ i.giftInformation.receiveStartTime }}至{{
                                i.giftInformation.receiveEndTime
                              }}
                            </view>
                          </view>
                          <view
                            class="merchant1-info"
                            style="white-space: nowrap; font-size: 24rpx"
                          >
                            <view class="merchany-info-box" style="width: auto">
                              总库存：{{ i.giftInformation.stock }}
                            </view>
                          </view>
                        </view>
                      </view>
                    </template>
                  </view>
                  <view v-if="giftInformationList.length == 0" class="none">
                    <image
                      src="https://pic.bangbangtongcheng.com/static/none.png"
                      mode="widthFix"
                    />
                    <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
                  </view>
                </view>
              </template>
              <template v-else>
                <view class="merchant1-list1-title">
                  <text>{{ modemode == 2 ? '已绑定' : '已送出' }} :{{ newTotal }}份</text>
                  <text>当前库存:{{ curStock }}份</text>
                </view>
                <view class="merchant1-list1">
                  <view class="merchant1-item1" v-for="i in giftDistributionRecord">
                    <view>车牌号:{{ i.licensePlateNumber }}</view>
                    <view>时间:{{ i.lssuingTime }}</view>
                    <view>礼品名称: {{ i.giftName }} X1</view>
                    <view style="line-height: 40rpx" v-if="merchantValue != -2">
                      发放人:{{ i.issuerName || '未命名用户' }}</view
                    >
                  </view>
                  <view v-if="giftDistributionRecord.length == 0" class="none">
                    <image
                      src="https://pic.bangbangtongcheng.com/static/none.png"
                      mode="widthFix"
                    />
                    <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
                  </view>
                </view>
              </template>
            </template>
            <template v-if="merchantStatusActive == 2">
              <view class="merchant2-list">
                <view class="merchant2-head">
                  <view class="merchant2-section">员工姓名</view>
                  <view class="merchant2-section">手机号</view>
                  <view class="merchant2-section">
                    <view
                      class="btn c-comfirm-btn status-btn solid"
                      @click="changeMerchantStatusActiveManage"
                      style="
                        width: 123rpx;
                        height: 48rpx;
                        line-height: 48rpx;
                        border-color: #64b6a8;
                        color: #64b6a8;
                      "
                    >
                      {{ merchantStatusActiveManage ? '完成' : '管理' }}
                    </view>
                  </view>
                </view>
                <view v-if="employeesList.length == 0" class="none">
                  <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
                  <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
                </view>

                <view class="merchant2-item" v-for="i in employeesList">
                  <view class="merchant2-section" @click.stop="selectStaff(i)">
                    <!--:class="merchantStatusActiveManage?'operate-status':''" <view class="box-check solids " :class="i.active?'checked':''"
											v-if="merchantStatusActiveManage">
				
										</view> -->
                    {{ i.fullName }}
                  </view>
                  <view class="merchant2-section">{{ i.cellphoneNumber }}</view>
                  <view class="merchant2-section" style="justify-content: flex-end">
                    <image
                      @click.stop="merchantOperate(i)"
                      style="
                        position: absolute;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        width: 48rpx;
                        height: 48rpx;
                      "
                      src="https://pic.bangbangtongcheng.com/static/member/trash.png"
                      mode="aspectFill"
                      v-if="merchantStatusActiveManage"
                    >
                    </image>
                  </view>
                </view>
                <!-- <view v-if="employeesList.length == 0" class="none">
									<image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
									<view>没有更多数据了</view>
								</view> -->
                <view class="merchant2-fit" v-if="employeesList.length"> </view>
                <button
                  v-if="merchantStatusActiveManage"
                  class="merchant2-btn btn c-comfirm-btn cu-btn"
                  @click.stop="merchantOperate()"
                >
                  {{ '新增员工(' + employeesList.length + '/5)' }}
                </button>
              </view>
            </template>
            <template v-if="merchantStatusActive == 3">
              <view class="merchant-select admin-select">
                <view class="merchant-select2">
                  <uni-data-select
                    v-model="merchantValue5"
                    placeholder="请选择"
                    @change="change45"
                    :clear="false"
                    :localdata="merchantShopOptions"
                  ></uni-data-select>
                </view>

                <view class="merchant-select2">
                  <uni-datetime-picker
                    class="picker"
                    v-model="dates"
                    type="daterange"
                    @change="changeTime"
                  />
                </view>
              </view>
              <template v-if="!merchantRecordDetail">
                <view class="merchant3-list">
                  <view
                    class="merchant3-item"
                    @click="merchantRecordDetailLink(i)"
                    v-for="(i, index) in giftInventoryByMerchantsId"
                    :key="index"
                  >
                    <view class="merchant3-item-top">
                      <view class="merchant3-item-left">
                        <text class="merchant3-item-left-txt">
                          {{ i.type == 1 ? '礼品送货单' : '礼品退货单' }}
                        </text>
                      </view>
                      <view
                        class="merchant3-item-right status-btn cu-success solid"
                        :class="
                          i.confirmStatus == 0
                            ? 'cu-dangerous'
                            : i.confirmStatus == 1
                            ? i.type == 1
                              ? 'cu-success'
                              : 'cu-success'
                            : 'cu-dangerous'
                        "
                      >
                        {{
                          i.confirmStatus == 0
                            ? '待商家确认'
                            : i.confirmStatus == 1
                            ? i.type == 1
                              ? '送货成功'
                              : '退货成功'
                            : i.type == 1
                            ? '拒绝送货'
                            : '拒绝退货'
                        }}
                        <!-- i==1?'cu-dangerous':i==2?'cu-success':'cu-cancel' -->
                        <!-- {{i==1?'退货成功':i==2?'收货成功':'拒绝收货'}} -->
                      </view>
                      <view class="details"> 查看详情 </view>
                    </view>
                    <view class="merchantName"> 商家:{{ i.merchantName }} </view>
                    <view class="merchant3-item-bottom date">
                      {{ i.type == 1 ? '送货' : '退货' }}时间：{{ i.createDate }}
                    </view>
                  </view>
                  <view v-if="giftInventoryByMerchantsId.length == 0" class="none">
                    <image
                      src="https://pic.bangbangtongcheng.com/static/none.png"
                      mode="widthFix"
                    />
                    <view>{{ downStatus ? '加载中...' : '没有更多数据了' }}</view>
                  </view>
                </view>
              </template>
            </template>
          </view>
        </view>
      </view>

      <view class="fabuZbc" v-if="fabuZbc" @touchmove.stop.prevent="">
        <view class="fabuZbc_sj">
          <template v-if="userInfo.businessType == 1">
            <view class="fzView" v-if="userInfo.shopType != 2">
              <image
                src="https://pic.bangbangtongcheng.com/static/fabu_c.png"
                @click="fabuClick(1)"
              />
              <p>卖房</p>
            </view>
            <view class="fzView" v-if="userInfo.shopType != 2">
              <image
                src="https://pic.bangbangtongcheng.com/static/fabu_z.png"
                @click="fabuClick(2)"
              />
              <p>租房</p>
            </view>
            <view class="fzView" v-if="userInfo.isShop == '1'">
              <image
                src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png"
                @click="fabuClick(11)"
              />
              <p>招全职</p>
            </view>
            <view class="fzView" v-if="userInfo.isShop == '1'">
              <image
                src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png"
                @click="fabuClick(12)"
              />
              <p>招兼职</p>
            </view>
            <view class="fzView" v-if="userInfo.isShop == '1' && userInfo.shopType == '1'">
              <image src="/static/2house-info.png" @click="fabuClick(3)" />
              <p>公司资料</p>
            </view>
            <!-- <view class="fzView" v-if="userInfo.isShop == '1' && userInfo.shopType == '1'">
			  			<image src="/static/2dynamic-mes.png" @click="fabuClick(4)" />
			  			<p>门店资讯</p>
			  		</view> -->
            <view class="fzView" v-if="userInfo.isShop == '1' && userInfo.shopType == '2'">
              <image src="/static/2house-info.png" @click="fabuClick(5)" />
              <p>楼盘轮播</p>
            </view>
            <!-- <view class="fzView" v-if="userInfo.isShop == '1' && userInfo.shopType == '2'">
			  			<image src="/static/2dynamic-mes.png" @click="fabuClick(6)" />
			  			<p>楼盘资讯</p>
			  		</view> -->
          </template>
          <template v-else-if="userInfo.businessType == 2">
            <view class="fzView" v-if="userInfo.shopType == 1 || userInfo.shopType == 2">
              <image src="/static/mc01.png" @click="fabuClick(9)" />
              <p>卖车</p>
            </view>
            <view class="fzView" v-if="userInfo.shopType == 3 || userInfo.shopType == 4">
              <image src="/static/fwxm01.png" @click="fabuClick(8)" />
              <p>服务项目</p>
            </view>
            <view
              class="fzView"
              v-if="userInfo.isShop == 1 && userInfo.shopType != 3 && userInfo.shopType != 4"
            >
              <image src="/static/zscx01.png" @click="fabuClick(10)" />
              <p>在售车系</p>
            </view>
            <view class="fzView" v-if="userInfo.isShop == '1'">
              <image
                src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png"
                @click="fabuClick(11)"
              />
              <p>招全职</p>
            </view>
            <view class="fzView" v-if="userInfo.isShop == '1'">
              <image
                src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png"
                @click="fabuClick(12)"
              />
              <p>招兼职</p>
            </view>
            <view class="fzView" v-if="userInfo.isShop == 1">
              <image src="/static/2house-info.png" @click="fabuClick(3)" />
              <p>公司资料</p>
            </view>
          </template>
          <template v-else>
            <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
              <image
                src="https://pic.bangbangtongcheng.com/static/fabu_c.png"
                @click="fabuClick(1)"
              />
              <p>卖房</p>
            </view>
            <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
              <image
                src="https://pic.bangbangtongcheng.com/static/fabu_z.png"
                @click="fabuClick(2)"
              />
              <p>租房</p>
            </view>
            <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
              <image src="/static/mc01.png" @click="fabuClick(9)" />
              <p>卖车</p>
            </view>
            <view class="fzView">
              <image
                src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png"
                @click="fabuClick(11)"
              />
              <p>招全职</p>
            </view>
            <view class="fzView">
              <image
                src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png"
                @click="fabuClick(12)"
              />
              <p>招兼职</p>
            </view>
            <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
              <image
                src="https://pic.bangbangtongcheng.com/static/bbzc/writeResume.png"
                @click="fabuClick(13)"
              />
              <p>写简历</p>
            </view>
            <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus == 1">
              <image src="/static/2house-info.png" @click="fabuClick(3)" />
              <p>公司资料</p>
            </view>
          </template>
          <view class="show" @click="fabu_guan">
            <image
              style="width: 100%; height: 100%"
              src="https://pic.bangbangtongcheng.com/static/guanbi.png"
            >
            </image>
          </view>
        </view>
      </view>
      <!-- 解除绑定弹窗 -->
      <uni-popup ref="binds" mode="center">
        <view class="binds_frame">
          <view class="binds_frame_t">解除绑定</view>
          <view class="binds_frame_c">确定要解绑车牌号{{ cpData.licensePlateNumber }}？</view>
          <view class="binds_frame_b">
            <view class="cancel" @click="jcbdCancel">取消</view>
            <view class="determine" @click="Unbind">确定</view>
          </view>
        </view>
      </uni-popup>
    </view>
    <uniBall></uniBall>

    <uni-popup ref="tijiaos" mode="center">
      <view class="tijiaos_frame">
        <view class="title"> 会员礼品赠送 </view>
        <view class="tijiaos_one" v-if="assa == 1">
          <image
            class="image3"
            src="https://pic.bangbangtongcheng.com/icon/expression_04.png"
            mode=""
          >
          </image>
          <view class="zhyc">该二维码未绑定会员账号</view>
        </view>
        <view class="tijiaos_one" v-if="assa == 2">
          <image
            class="image"
            src="https://pic.bangbangtongcheng.com/static/bbcz/expression_01.png"
            mode=""
          >
          </image>
          <view class="lqsb">用户上次领取礼品未确认</view>
          <view class="zhyc">请提醒会员登录帮帮同城确认</view>
        </view>
        <view class="tijiaos_one" v-if="assa == 3">
          <image
            class="image3"
            src="https://pic.bangbangtongcheng.com/icon/expression_04.png"
            mode=""
          >
          </image>
          <view class="zhyc">本月礼品已全部领取，敬请期待下月好礼~</view>
        </view>
        <view class="determine" @click="queding"> 确定 </view>
      </view>
    </uni-popup>
    <uni-popup ref="tijiaos1" mode="center">
      <view class="tijiaos_frame">
        <view class="tijiaos_one">
          <view class="zhyc">当前位置超出门店范围，请在门店周边 200米内就近扫码 </view>
        </view>
        <view class="determine" @click="queding1"> 确定 </view>
      </view>
    </uni-popup>
    <u-sticky :offset-bottom="'50'" :customNavHeight="0 + 'px'">
      <view
        v-if="
          scrollTop > 0 &&
          (userInfo.merchantId || userInfo.whetherAdmin == 1) &&
          merchantStatusActive == 3
        "
        class="hui"
        @click="totop"
      >
        <image src="https://pic.bangbangtongcheng.com/static/top.png" />返回顶部
      </view>
    </u-sticky>
  </view>
</template>

<script>
  //#ifdef H5
  import wxshare from '../utils/index.js'
  //#endif
  import { mapGetters } from 'vuex'
  import permision from '@/js_sdk/wa-permission/permission.js'
  import newBinds from '@/pages_my/test23.vue'
  export default {
    components: {
      newBinds,
    },
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
      frontTotalNum() {
        return Math.ceil(
          (this.curGift3.giftInfoList || []).filter((item) => item.sendNumber).length /
            this.frondendPager.pageSize
        )
      },
      curFrontList() {
        return (this.curGift3.giftInfoList || [])
          .filter((item) => item.sendNumber)
          .slice(
            (this.frondendPager.pageNo - 1) * this.frondendPager.pageSize,
            this.frondendPager.pageNo * this.frondendPager.pageSize
          )
      },
    },
    data() {
      return {
        assa: 3,
        modemode: '',
        newTotal: 0,
        index1: -1,
        flag: false,
        psg: [],
        employeesList: [], //员工信息
        frondendPager: {
          pageNo: 1,
          pageSize: 5,
        },
        merchantText: '',
        curGift3: {}, // 出入库当前礼品
        giftInventoryByMerchantsId: [], // 出入库
        curStock: '',
        curSend: '',
        giftInventoryList: [],

        giftDistributionRecord: [],
        giftInformationList: [],
        downStatus: true,
        upStatus: true,
        trigger: false,
        adminParam: {
          pageNo: 1,
          pageSize: 10,
        },
        totalV2: 0,
        merchantListV2: [],
        manageStatus: false, //管理员页面
        userInfo: uni.getStorageSync('Pduser'),
        merchantStatusActiveManage: false, //是商家 活跃2
        merchantRecordDetail: false, //是商家 活跃3 详情
        merchantDetail: false, //是商家 活跃1 详情
        merchantOptions: [],
        merchantOptions2: [
          {
            value: '1',
            text: '最近3天',
          },
          {
            value: '2',
            text: '最近7天',
          },
          {
            value: '3',
            text: '最近30天',
          },
          {
            value: '4',
            text: '最近6个月',
          },
        ],
        merchantOptions3: [
          {
            value: '1',
            text: '距离最近',
          },
          {
            value: '4',
            text: '经营异常',
          },
          {
            value: '2',
            text: '最近回访时间',
          },
          {
            value: '3',
            text: '最早回访时间',
          },
        ],
        merchantValue3: '', //管理员 selectmodel3
        merchantValue: '-1', //是商家 活跃1 selectmodel
        merchantValue2: '3', //是商家 活跃1 selectmodel2
        merchantStatusActive: 1, //是商家 活跃1
        isMerchantStatus: true, //是商家
        isStaff: false,

        swiperList: [
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg1.png',
            levelLabel: '青铜会员',
            levelLabelColor: '#44897E',
            levelLineColor: '#4E9086',
          },
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg2.png',
            levelLabel: '白银会员',
            levelLabelColor: '#42638D',
            levelLineColor: '#4C6B93',
          },
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg3.png',
            levelLabel: '黄金会员',
            levelLabelColor: '#7C552E',
            levelLineColor: '#866037',
          },
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg4.png',
            levelLabel: '铂金会员',
            levelLabelColor: '#4088A6',
            levelLineColor: '#4B90AC',
          },
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg5.png',
            levelLabel: '钻石会员',
            levelLabelColor: '#42638D',
            levelLineColor: '#4F7098',
          },
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg6.png',
            levelLabel: '钻石Ⅰ会员',
            levelLabelColor: '#517BC6',
            levelLineColor: '#5C84CB',
          },
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg7.png',
            levelLabel: '钻石Ⅱ会员',
            levelLabelColor: '#5277CD',
            levelLineColor: '#5D80D1',
          },
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg8.png',
            levelLabel: '钻石Ⅲ会员',
            levelLabelColor: '#3D52C2',
            levelLineColor: '#4A5EC7',
          },
          {
            bgc: 'linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%',
            bg: 'https://pic.bangbangtongcheng.com/static/member/vipbg9.png',
            levelLabel: '王者会员',
            levelLabelColor: '#822C98',
            levelLineColor: '#8B3CA1',
          },
        ],

        vipDataList: [],
        finished: 0,
        vipData: {},
        taskList: [],
        taskName: [
          {
            noFinish: '签到',
            finish: '已签到',
          },
          {
            noFinish: '去关注',
            finish: '已关注',
          },
          {
            noFinish: '去完善',
            finish: '已完善',
          },
          {
            noFinish: '去完成',
            finish: '已完成',
          },
          {
            noFinish: '去发布',
            finish: '已发布',
          },
          {
            noFinish: '去完成',
            finish: '已完成',
          },
          {
            noFinish: '去完成',
            finish: '已完成',
          },
          {
            noFinish: '去发布',
            finish: '去发布',
          },
        ],
        fabuZbc: false,
        userInfo: uni.getStorageSync('Pduser'),
        totalIntegral: 155,
        wxUrl: '',
        titXuan: 2,
        members: 1,
        // 测试判断
        see: 1,
        receivRecordList: [],
        licensePlateList: [],
        cpData: '',
        membersCollectList: [],
        // 活动列表
        aboutList: [],
        merchantValue4: '',
        merchantValue5: '-1',
        selectWindow: false,
        merchantShopOptions: [],
        shopList: [],
        dates: '',
        recodeList: [],
        scrollTop: 0,
        longitude: '',
        latitude: '',
      }
    },

    onPageScroll: function (Object) {
      this.scrollTop = Object.scrollTop
    },
    async onLoad(option) {
      console.log('option', option)
      if (option) {
        if (option.tab == 1) {
          this.titClick(1)
        } else {
          this.titClick(2)
        }
      }
      this.getUserPhone()
      this.manageStatus = this.userInfo.whetherAdmin
      //  this.userInfo.whetherAdmin

      if (option.from == 'popup') {
        this.titClick(2)
        this.confirmLoading = true
        this.merchantStatusActive = 3
        let that = this
        // this.getAsyncData()
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getGiftInventoryByMerchantsId', {
            merchantsId: Number(this.userInfo.merchantId),
            ...this.adminParam,
            pageSize: 99999,
          })
          .then((res) => {
            res.giftsForRecords.pageList.forEach((el) => {
              el.isShow = false
            })
            this.giftInventoryByMerchantsId = res.giftsForRecords.pageList || []
            // this.merchantRecordDetail = true
            var curGift3 =
              this.giftInventoryByMerchantsId.filter(
                (item) => item.movementNo == JSON.parse(option.e).movementNo
              )[0] || {}
            this.merchantRecordDetailLink(curGift3)
            // var i = curGift3.giftInfoList.findIndex(item2 => item2.giftName == "二维码")

            // if (i > -1) {
            // 	curGift3.giftInfoList.splice(0, 0, ...curGift3.giftInfoList.splice(i, 1))
            // 	// console.log('curGift3',curGift3)
            // }
            // this.curGift3 = curGift3
            this.confirmLoading = false
            uni.hideLoading()
          })
      } else {
        if (this.manageStatus != 1) {
          // this.getAsyncData()
        } else {
          this.titClick(2)
        }
      }

      this.getVip()
      this.getDetails()
      console.log(uni.getStorageSync('Pduser'))
      this.$myRequest.get('/mob/user/getConstant').then((res) => {
        this.wxUrl = res.r.gz_url
        console.log(this.wxUrl)
      })
    },
    onShow() {
      this.adminParam.pageNo = 1
      this.getVip()
      this.getUserPhone()
      this.getAsyncData()
    },

    methods: {
      totop() {
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 300,
        })
      },
      queding() {
        this.$refs.tijiaos.close()
      },
      queding1() {
        this.$refs.tijiaos1.close()
      },
      upx2px(rpx) {
        return uni.upx2px(rpx)
      },
      sousuo() {
        uni.navigateTo({
          url: '/pages_owner/searchMerchant',
        })
      },
      // 加入 商家
      joinMember() {
        // uni.$off('addeventJoinMember')
        // uni.$on('addeventJoinMember', () => {

        // })
        // this.$myRequest.get("/mob/user/getApplicationRecords", {
        // 	userId: this.userInfo.id
        // }).then(res => {
        // 	// this.aboutList = res.activityCenterTabulation.pageList
        // 	if(res.record&&res.record.auditStatus != 2){
        // 		uni.showToast({
        // 			title:  `申请已${res.record.auditStatus==1?'通过':'提交'}，请您耐心等待平台回访`,
        // 			icon: 'none'
        // 		})
        // 	}else{

        // 	}
        // })

        uni.navigateTo({
          url: '/pages_my/v2GiftDetails',
        })
        // uni.showToast({
        // 	title:'申请已提交，请您耐心等待平台回访',
        // 	icon:'none'
        // })
      },
      redemptionRecord() {
        uni.navigateTo({
          url: '/pages_recruitMoney/my/redemptionRecord',
        })
      },
      getDetails() {
        this.$myRequest
          .get('/mob/iteration/getMemberConfigList', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            console.log(111111111111, res)
            this.vipDataList = res.data
            this.psg = this.vipDataList.map((el) => {
              let pecg = ((this.vipData.integral * 1) / el.inteOver) * 1 * 100
              if (pecg > 100) {
                pecg = 100
              }
              return pecg
            })
          })
      },
      recodeDetail(i) {
        uni.navigateTo({
          url: '/pages_my/recodeDetail?num=' + i.rescanNum + '&rescanDate=' + i.rescanDate,
        })
      },
      // 获取活动列表
      moveAboutList() {
        this.$myRequest.get('/api/mobile/public/getActivityCenterTabulation').then((res) => {
          this.aboutList = res.activityCenterTabulation.pageList
          uni.hideLoading()
        })
      },
      toTranslate() {
        uni.navigateTo({
          url: '/pages_owner/carMember/merchantList?from=bindQR',
        })
      },
      viewDetails(item) {
        let date = ''
        date = item.yearContent + '-' + item.monthContent.split('月')[0]
        uni.navigateTo({
          url: '/pages_owner/carMember/claimDetails?years=' + date,
        })
      },
      membershipGiftDetails(item) {
        // if (item.receiveContent != '去领取') {
        // 	return
        // }
        // console.log('item',item)
        // return
        var months = 1
        var ymList = [
          ...this.loopYear(new Date().getFullYear() - 1),
          ...this.loopYear(new Date().getFullYear()),
          ...this.loopYear(new Date().getFullYear() + 1),
        ]
        var i = ymList.findIndex((item) => item == this.getYearMonth())
        var yearRange = ymList.slice(i - 1, i + 2)
        var index = yearRange.findIndex((item2) => item2 == item.evdate)
        console.log(index)
        // return
        if (item.receiveContent == '去领取') {
          months = 1
        }
        if (item.receiveContent == '已过期') {
          months = 2
        }
        if (item.receiveContent == '未生效') {
          months = 3
        }
        uni.navigateTo({
          url:
            '/pages_owner/carMember/membershipCeremony?months=' +
            months +
            '&month=' +
            item.month +
            '&evdate=' +
            item.evdate,
        })
      },
      eventDetails(item) {
        uni.navigateTo({
          url: '/pages_my/eventDetails?id=' + item.id + '&index=' + item.activityStatus,
        })
      },
      jcbdClick(item) {
        this.$refs.binds.open()
        this.cpData = item
      },
      jcbdCancel() {
        this.$refs.binds.close()
      },
      async titClick(index) {
        this.titXuan = index
        console.log(this.userInfo)
        console.log('1````````11', index, '--', this.manageStatus, '--', this.userInfo.merchantId)
        if (index == 2 || index == 4) {
          if (this.manageStatus != 1 && !this.userInfo.merchantId) {
            // console.log("111")
            this.membersClick(1)
            this.licensePlate()
          } else if (this.manageStatus == 1) {
            // console.log("222")
            this.getLocation()
          } else {
            // console.log("333")
            this.changeMerchantStatus(1)
          }
          // this.getInitAsyncData()
        } else if (index == 3) {
          this.moveAboutList()
        } else if (index == 4) {
          if (this.manageStatus == 1) {
            // console.log("222")
            this.getLocation()
          } else {
            // console.log("333")
            this.changeMerchantStatus(1)
          }
        }
      },
      membersClick(index) {
        this.members = index
        uni.showLoading({
          title: '加载中',
          mask: false,
        })
        if (index == 1) {
          this.membersCollect()
        } else if (index == 2) {
          this.receivRecords()
        } else {
          this.licensePlate()
        }
      },
      // 获取待领取会员礼列表
      membersCollect() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getMemberGiftReceived', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            var ymList = [
              ...this.loopYear(new Date().getFullYear() - 1),
              ...this.loopYear(new Date().getFullYear()),
              ...this.loopYear(new Date().getFullYear() + 1),
            ]
            var i = ymList.findIndex((item) => item == this.getYearMonth())
            var yearRange = ymList.slice(i - 1, i + 2)
            if (res.giftInformationList && res.giftInformationList.pageList) {
              res.giftInformationList.pageList.reverse()
            }
            var curInfo = res.giftInformationList.pageList.filter(
              (item) => item.evdate == yearRange[1]
            )
            var curInfo1 = res.giftInformationList.pageList.filter(
              (item) => item.evdate == yearRange[0]
            )
            var curInfo2 = res.giftInformationList.pageList.filter(
              (item) => item.evdate == yearRange[2]
            )
            if (curInfo1[0]) {
              curInfo1[0].receiveContent = '已过期'
            }
            if (curInfo[0]) {
              curInfo[0].receiveContent = '去领取'
            }
            if (curInfo2[0]) {
              curInfo2[0].receiveContent = '未生效'
            }

            console.log(res.giftInformationList.pageList, curInfo, ymList)
            if (
              curInfo[0] &&
              Number(curInfo[0].proportionReceiving.split('/')[1]) &&
              Number(curInfo[0].proportionReceiving.split('/')[1]) == 1
            ) {
              this.$myRequest
                .get('/api/mobile/vehicleOwner/getLicensePlateNumberListByUserId', {
                  userId: this.userInfo.id,
                  deleteFlag: 0,
                })
                .then((res1) => {
                  var licensePlateList = res1.LicensePlateNumberList.pageList
                  this.$myRequest
                    .get('/api/mobile/vehicleOwner/getUnclaimedGiftInformation', {
                      licensePlateNumber: licensePlateList[0].licensePlateNumber,
                      months: this.months || 1,
                    })
                    .then(async (res2) => {
                      var list = res2.giftInformationList.pageList
                      var flag = false
                      var tempArr = []
                      var item = {}
                      // list.map(async itemn=>{
                      // // for(let i=0;i<list.length;i++){
                      // 	// item=list[i]
                      // 	// console.log(item.giftName)

                      // 			await new Promise(resolve => {
                      // 				item = itemn
                      // 				// console.log(item.giftName)
                      // 				if (!flag) {
                      // 					if (item.batch) {
                      // 						tempArr.push(item.batch)
                      // 				flag = list.filter(item2 =>
                      // 					item2.batch == item
                      // 					.batch).every(item2 =>
                      // 					item2.whetherReceive !=
                      // 					1 && item2
                      // 					.whetherOverdue != 1 &&
                      // 					item2.whetherAdvance !=
                      // 					1)
                      // 				console.log('flag', flag)
                      // 				} else {
                      // 						// flag = item.whetherReceive!=1&&item.whetherOverdue!=1&&item.whetherAdvance!=1
                      // 					}
                      // 				}
                      // 			})

                      // 			// &&(item.whetherReceive!=1&&item.whetherOverdue==1)&&(item.whetherReceive!=1&&item.whetherAdvance==1)

                      // })

                      for (let i = 0; i < list.length; i++) {
                        item = list[i]
                        if (!flag) {
                          if (item.batch) {
                            tempArr.push(item.batch)
                            flag =
                              list
                                .filter((item2) => item2.batch == item.batch)
                                .filter((item2) => item2.whetherReceive == 1).length == 0 &&
                              list
                                .filter((item2) => item2.batch == item.batch)
                                .filter(
                                  (item2) =>
                                    item2.whetherReceive != 1 &&
                                    item2.whetherOverdue != 1 &&
                                    item2.whetherAdvance != 1
                                ).length > 0
                            // 1
                            console.log('flag', flag)
                          } else {
                            flag =
                              item.whetherReceive != 1 &&
                              item.whetherOverdue != 1 &&
                              item.whetherAdvance != 1
                          }
                        }
                      }
                      // console.log('flag',flag)
                      curInfo[0].isEnable = flag
                      curInfo[0].receiveContent = flag ? '去领取' : '已领取'
                      this.membersCollectList = res.giftInformationList.pageList
                      uni.hideLoading()
                    })
                })
            } else {
              if (curInfo[0]) {
                curInfo[0].isEnable = false
              }
              this.membersCollectList = res.giftInformationList.pageList
              uni.hideLoading()
            }
          })
      },
      async getFlag(list, item) {
        await new Promise((resolve) => {
          resolve(
            list
              .filter((item2) => item2.batch == item.batch)
              .every(
                (item2) =>
                  item2.whetherReceive != 1 &&
                  item2.whetherOverdue != 1 &&
                  item2.whetherAdvance != 1
              )
          )
        })
      },
      loopYear(year) {
        let arr = []
        for (let month = 0; month < 12; month++) {
          arr.push(this.getYearMonth(year, month))
        }
        return arr
      },
      getYearMonth(year, month) {
        if (!year) {
          var dt = new Date()
        } else {
          var dt = new Date(year, month)
        }
        var yy1 = dt.getFullYear()
        var mm1 = dt.getMonth() + 1
        var dd1 = dt.getDate()
        if (mm1 < 10) {
          mm1 = '0' + mm1
        }
        if (dd1 < 10) {
          dd1 = '0' + dd1
        }
        return yy1 + '-' + mm1
      },
      // 获取车会员领取记录
      receivRecords() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getReceiveRecord', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            let data = new Date()
            let year = data.getFullYear()
            if (res.giftReceiveRecordList.reminder[year]) {
              this.receivRecordList = this.noRepeat1(res.giftReceiveRecordList.reminder[year])
            } else {
              this.receivRecordList = []
            }
            uni.hideLoading()
          })
      },
      noRepeat1(arr) {
        for (var i = 0; i < arr.length; i++) {
          for (var j = i + 1; j < arr.length; j++) {
            if (arr[i].monthContent == arr[j].monthContent) {
              arr.splice(j, 1)
              j--
            }
          }
        }
        return arr
      },
      // 车牌号列表
      licensePlate() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getLicensePlateNumberListByUserId', {
            userId: this.userInfo.id,
            deleteFlag: 0,
          })
          .then((res) => {
            this.licensePlateList = res.LicensePlateNumberList.pageList
            this.unbindLoading = false
            uni.hideLoading()
          })
      },
      // 解除绑定
      Unbind() {
        let that = this
        if (this.unbindLoading) {
          return false
        }
        this.unbindLoading = true
        this.$myRequest
          .post('/api/mobile/vehicleOwner/relieveBind', {
            id: this.cpData.id,
            userId: this.userInfo.id,
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            this.licensePlate()
            that.jcbdCancel()
          })
      },
      // 获取会员数据
      getVip() {
        this.$myRequest
          .post('/mob/iteration/getClubInfo', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            console.log(111111111111, res)
            // this.vipData = res.userInfo;
            this.taskList = res.taskList
            this.totalIntegral = 0
            this.taskList.forEach((el) => {
              this.totalIntegral += (el.num - el.CS) * el.integral
            })
          })
      },

      async getUserPhone() {
        await this.$myRequest
          .get('/mob/login/getUserInfoByPhone', {
            phone: this.userInfo.phone,
          })
          .then((res) => {
            this.vipData = res.userInfo
            this.index1 = res.userInfo.memberLevel - 1
            this.memberIndex = res.userInfo.memberLevel - 1
            this.isStaff = !!res.userInfo.merchantStaffId
            this.manageStatus = res.userInfo.whetherAdmin
          })
      },

      // 去我的等级页面
      goLevel() {
        uni.navigateTo({
          url: '/pages_my/myLevel',
        })
      },

      fabuClick(num) {
        if (!this.userInfo.phone) {
          uni.showToast({
            title: '请登录',
            icon: 'none',
            mask: true,
          })
          return
        }

        if (num == 1) {
          uni.navigateTo({
            url: '/pages_houses/housing/salesType',
          })
          // uni.navigateTo({
          // 	url: "/pages_release/index",
          // });
        } else if (num == 2) {
          uni.navigateTo({
            url: '/pages_release/tenement',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages_release/sellingInfomation?identify=1',
          })
        } else if (num == 4) {
          uni.navigateTo({
            url: '/pages_release/sellingInfomation?identify=2',
          })
        } else if (num == 5) {
          if (!this.userInfo.buildingsId) {
            uni.showToast({
              title: '该商家还未发布楼盘！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_release/sellingInfomation?identify=3',
          })
        } else if (num == 6) {
          uni.navigateTo({
            url: '/pages_release/sellingInfomation?identify=4',
          })
        } else if (num == 7) {
          uni.navigateTo({
            url: '/pages_owner/release/releaseFriends',
          })
        } else if (num == 8) {
          uni.navigateTo({
            url: '/pages_owner/release/servicesAvailable',
          })
        } else if (num == 9) {
          uni.navigateTo({
            url: '/pages_owner/release/sellCar',
          })
        } else if (num == 10) {
          uni.navigateTo({
            url: '/pages_owner/release/saleCarSeries',
          })
        } else if (num == 11) {
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/publishFullTime',
          })
        } else if (num == 12) {
          if (this.userInfo.businessType == 0 && this.userInfo.enterpriseRecruitmentStatus == 0) {
            // businessType = 0&& enterpriseRecruitmentStatus == 0为普通用户，businessType = 0 && enterpriseRecruitmentStatus == 1为企业
            this.$myRequest
              .get('/api/mobile/personnelOwner/getPersonalAuthenticationByUserId', {
                userId: this.userInfo.id,
              })
              .then((res) => {
                if (res.code === 200) {
                  if (
                    res.personalCertification &&
                    (res.personalCertification.auditStatus === '0' ||
                      res.personalCertification.auditStatus === '2')
                  ) {
                    uni.navigateTo({
                      url: '/pages_recruitMoney/my/certificationInformation',
                    })
                  } else {
                    uni.navigateTo({
                      url: '/pages_recruitMoney/publish/publishConcurrently',
                    })
                  }
                }
              })
          } else {
            uni.navigateTo({
              url: '/pages_recruitMoney/publish/publishConcurrently',
            })
          }
        } else if (num == 13) {
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/writeResume',
          })
        }
        this.fabuZbc = false
      },
      fabu_guan() {
        this.fabuZbc = false
      },

      // 去等级详情页面
      goDetail() {
        uni.navigateTo({
          url: '/pages_my/detail',
        })
      },

      // 去完成
      goFinish(val) {
        if (!this.showLogin()) return
        if (val == 1) {
          // #ifdef H5
          console.log(val)
          window.location.href = this.wxUrl
          // #endif

          // #ifdef MP-WEIXIN
          let wxUrl =
            'https://www.bangbangtongcheng.com/conven/login/Wxlogin.do?userId=' + this.userInfo.id
          console.log(wxUrl)
          uni.navigateTo({
            url: '/pages_my/webview?wxUrl=' + encodeURIComponent(wxUrl),
          })
          // #endif

          // #ifdef APP-PLUS
          let wxUrl =
            'https://www.bangbangtongcheng.com/conven/login/Wxlogin.do?userId=' + this.userInfo.id
          plus.share.getServices(
            function (res) {
              var sweixin = null
              for (var i = 0; i < res.length; i++) {
                var t = res[i]
                if (t.id == 'weixin') {
                  sweixin = t
                }
              }
              if (sweixin) {
                sweixin.launchMiniProgram({
                  id: 'gh_c8b17811efca', //这里写你的小程序原始id（以gh开头）
                  type: 0, //这里是不同的环境（默认0）
                  path: `/pages_my/webview?wxUrl=${encodeURIComponent(wxUrl)}`, //这里是指定页的路径，如需传参直接字符串拼接（首页可以省略）
                })
              }
            },
            function (res) {
              console.log(JSON.stringify(res))
            }
          )
          // #endif
        } else if (val == 2) {
          uni.navigateTo({
            url: './changeInfo',
          })
        } else if (val == 3) {
          uni.switchTab({
            url: '/pages/index/index',
          })
        } else if (val == 4) {
          console.log(val)
          this.fabuZbc = true
        } else if (val == 5) {
          uni.switchTab({
            url: '/pages/index/index',
          })
        } else if (val == 6) {
          uni.switchTab({
            url: '/pages/index/friendsCircle',
          })
        } else if (val == 7) {
          uni.navigateTo({
            url: '/pages_owner/release/releaseFriends',
          })
        } else if (val == 0) {
          this.addIntegral(0, '签到')
        }
      },
      // 增加帮帮豆
      addIntegral(val, title) {
        this.$myRequest
          .post('/mob/iteration/addIntegral', {
            userId: this.userInfo.id,
            ruleNumber: val,
            title: title,
          })
          .then((res) => {
            this.getVip()
            uni.showToast({
              title: '签到成功',
              icon: 'none',
              mask: true,
            })
          })
      },
      triggerScroll(flag) {
        console.log(this.tempScroll, this.scrollTop)
        if (flag) {
          this.$nextTick(function () {
            this.scrollTop = this.tempScroll || this.scrollTop
            uni.pageScrollTo({
              scrollTop: this.scrollTop, // 滚动到页面的目标位置（单位px）
              duration: 0, // 滚动动画的时长，默认300ms，单位 ms
            })
          })
        } else {
          this.tempScroll = this.scrollTop
        }
      },
      goGiftMana(item) {
        // if(item.deleteFlag==1){
        // 	uni.showToast({
        // 		title:'该商家已注销',
        // 		icon:'none'
        // 	})
        // 	return
        // }
        uni.navigateTo({
          url: '/pages_my/v2MerchantMana?res=' + encodeURIComponent(JSON.stringify(item)),
        })
      },
      // 是商家 总切换
      changeMerchantStatus(status) {
        this.merchantStatusActive = status
        this.adminParam.pageNo = 1
        this.merchantValue5 = -1
        this.merchantRecordDetail = false //是商家 活跃3 详情
        this.frondendPager = {
          pageNo: 1,
          pageSize: 5,
        }
        this.merchantDetail = false //是商家 活跃1 详情
        this.giftInventoryList = []
        this.giftInformationList = []
        this.giftDistributionRecord = []
        this.merchantValue = '-1'
        this.merchantValue2 = ''
        this.getInitAsyncData()
      },
      // 选择是什么礼品
      selectGift(item) {
        if (!item.id) {
          return false
        }

        console.log(item)
        this.curGift = item
        // let obj = this.giftInventoryList.filter(item => this.curGift.id == item.id)[0] || {}
        this.curSend = item.sendTotal
        this.curStock = item.stock
        this.modemode = ''
        if (item.giftId == -2) {
          this.modemode = '2'
          this.curStock = this.record.unbound
        }
        this.merchantDetail = true
        this.adminParam.pageNo = 1
        this.giftDistributionRecord = []
        this.merchantValue = item.giftId
        this.triggerScroll()
        this.getAsyncData()
      },
      // 选择是什么礼品
      selectGiftAdmin(item) {
        if (!item.giftInformation) {
          return false
        }

        console.log(item)
        this.curGift = item
        // let obj = this.giftInventoryList.filter(item => this.curGift.id == item.id)[0] || {}
        this.curSend = item.sendTotal
        this.curStock = item.stock
        this.modemode = ''
        if (item.giftId == -2) {
          this.modemode = '2'
          this.curStock = this.record.unbound
        }
        this.merchantDetail = false
        this.adminParam.pageNo = 1
        this.giftDistributionRecord = []
        this.merchantValue4 = item.giftInformation.giftName
        this.triggerScroll()
        this.getAsyncData()
      },
      // 选择是什么礼品
      selectGiftAdminShop(item) {
        if (!item.id) {
          return false
        }
        this.merchantValue5 = item.id
        this.triggerScroll()
        this.getAsyncData()
      },
      // 选择出入库记录的批次
      selectGift3(item) {
        if (this.confirmLoading) {
          return false
        }
        this.triggerScroll()
        setTimeout(() => {
          this.merchantRecordDetail = true

          var i = item.giftInfoList.findIndex((item2) => item2.giftName == '二维码')

          if (i > -1) {
            item.giftInfoList.splice(0, 0, ...item.giftInfoList.splice(i, 1))

            var newArr = (item.giftInfoList || []).map((item) => {
              if (item.month == 2) {
                item.sortIndex = 999
              } else if (item.month == 3) {
                item.sortIndex = 99
              } else {
                item.sortIndex = 9
              }
              return item
            })
            newArr.sort(function (a, b) {
              return a.sortIndex - b.sortIndex
            })
            item.giftInfoList = newArr
            console.log('curGift3', newArr)
          }

          this.curGift3 = item
        })
      },
      confirmCancel3() {
        this.$refs.binds11.close()
        this.confirmLoading = false
      },
      confirmBefore3(flag) {
        this.flag = flag
        this.$refs.binds11.open()
      },
      // 确认出入库记录的批次
      confirm3(flag) {
        if (this.confirmLoading) {
          return
        }
        this.confirmLoading = true

        var param = {
          movementNo: this.curGift3.movementNo,
          merchantsId: this.curGift3.merchantId,
          state: this.curGift3.type,
          confirmStatus: this.curGift3.confirmStatus,
          giftList: this.curGift3.giftInfoList.map((item) => {
            return {
              giftId: item.id,
              number: item.sendNumber,
            }
          }),
        }
        if (this.flag) {
          //确认
          param.confirmStatus = 1
        } else {
          //拒绝
          param.confirmStatus = 2
        }

        this.$myRequest
          .post('/api/mobile/vehicleOwner/auditGiftForRecord', param, {
            header: 'application/json',
          })
          .then((res) => {
            console.log(res)
            uni.showToast({
              title: res.msg,
              icon: 'none',
            })
            if (res.code != 200) {
              this.confirmLoading = false
            }
            this.getInitAsyncData()
            this.$refs.binds11.close()
          })

        console.log('param', param)
      },
      selectGift32() {
        if (this.confirmLoading) {
          return false
        }
        this.merchantRecordDetail = false

        this.triggerScroll(true)
      },
      preV3() {
        if (this.frondendPager.pageNo > 1) {
          this.frondendPager.pageNo = this.frondendPager.pageNo - 1
        }
        console.log(this.curGift3.giftInfoList, this.frondendPager.pageNo)
      },
      nextV3() {
        if (
          this.frondendPager.pageNo <
          Math.ceil(
            (this.curGift3.giftInfoList || []).filter((item) => item.sendNumber).length /
              this.frondendPager.pageSize
          )
        )
          this.frondendPager.pageNo = this.frondendPager.pageNo + 1
        console.log(this.curGift3.giftInfoList, this.frondendPager.pageNo)
      },

      // 是商家 员工管理 下拉框1
      change11(value) {
        // if (this.merchantValue == 1) {
        // 	this.merchantDetail = false
        // }
        // console.log('change11change11change11change11change11')
        // console.log('value',value)
        if (this.$refs.select2) {
          this.$refs.select2.showSelector = false
        }
        this.merchantValue = value
        if (value == -1) {
          this.merchantDetail = false
          this.merchantValue2 = ''

          this.getInitAsyncData()
        } else if (value == -2) {
          // this.merchantDetail = false
          // this.merchantValue2 = ""
          // this.giftInformationList = this.giftInformationList.filter(item=>!item.id)
          this.selectGift(
            this.giftInformationListTemp.filter((item) => item.giftId == value)[0] || {}
          )
        } else {
          this.selectGift(
            this.giftInformationListTemp.filter((item) => item.giftId == value)[0] || {}
          )
        }
        // if (this.merchantDetail) {
        // 	this.giftDistributionRecord = []
        // 	this.getAsyncData()

        // } else {
        // 	this.giftInformationList = []
        // 	this.getAsyncData()
        // }
      },
      // 是商家 员工管理 下拉框1
      change12(value) {
        this.merchantValue4 = value
      },
      change44(value) {
        this.merchantValue5 = value
      },
      change45(value) {
        this.merchantValue5 = value

        this.getInitAsyncData()
      },
      changeTime(e) {
        this.dates = e
        this.getInitAsyncData()
      },
      // 是商家 员工管理 下拉框2
      change22(value) {
        if (this.merchantValue != -1) {
          this.merchantValue2 = value
          if (!value) {
            return
          }
          this.selectGift(
            this.giftInformationList.filter((item) => item.giftId == this.merchantValue)[0] || {}
          )
        }
        if (this.$refs.select1) {
          this.$refs.select1.showSelector = false
        }
        // this.giftDistributionRecord = []
        // this.getAsyncData()
      },
      // 管理员
      change33(value) {
        if (!value) {
          return false
        }

        this.merchantListV2 = []
        this.getInitAsyncData()
      },
      init33() {
        this.merchantListV2 = []
        this.getInitAsyncData()
      },
      // 是商家 切换管理
      changeMerchantStatusActiveManage() {
        this.merchantStatusActiveManage = !this.merchantStatusActiveManage
        // 清空选择操作
        this.employeesList.forEach((v) => {
          v.active = false
        })
        // 清空当前弹窗
      },
      // 是商家 选择员工
      selectStaff(i) {
        if (this.merchantStatusActiveManage) {
          i.active = !(this.employeesList.filter((item) => item.id == i.id)[0] || {}).active
        }
      },

      // 是商家 删除还是新增
      merchantOperate(item) {
        if (item) {
          let that = this
          let arr = []
          this.curItem = item
          this.$refs.newBinds.open('binds1')
          // this.employeesList.forEach(v=>{
          // 	if (v.active) {
          // 		arr.push(v.id)
          // 	}
          // })
          // if (arr.length==0) {
          // 	uni.showToast({
          // 		title:"请选择员工",
          // 		icon: "none",
          // 		mask: true,
          // 	});
          // 	return false
          // }

          // 删除
        } else {
          // 新增

          if (this.employeesList.length == 5) {
            uni.showToast({
              title: '最多只能添加5名员工！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.$off('addeventAddStaff')
          uni.$on('addeventAddStaff', (newStaff) => {
            if (
              this.employeesList.findIndex((item) => item.id == newStaff.id) == -1 &&
              newStaff.id
            ) {
              this.employeesList.push(newStaff)
            }
          })
          uni.navigateTo({
            url: '/pages_owner/carMember/addEmployees',
          })
        }
      },

      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
      leftBtn() {
        if (this.manageStatus == 1) {
        } else {
          if (this.merchantStatusActive == 1) {
          } else if (this.merchantStatusActive == 2) {
            this.$refs.newBinds.close('binds1')
          } else if (this.merchantStatusActive == 3) {
          }
        }
      },
      rightBtn() {
        let that = this
        if (this.manageStatus == 1) {
        } else {
          if (this.merchantStatusActive == 1) {
          } else if (this.merchantStatusActive == 2) {
            if (this.staffLoading) {
              return
            }
            this.staffLoading = true
            that.$myRequest
              .post('/api/mobile/vehicleOwner/deleteEmployeeByIds', {
                ids: this.curItem.id,
              })
              .then((res) => {
                this.$refs.newBinds.close('binds1')
                uni.showToast({
                  title: res.msg,
                  icon: 'none',
                  mask: true,
                })
                that.getEmployeesList()
              })
          } else if (this.merchantStatusActive == 3) {
          }
        }
      },
      getInitAsyncData() {
        // this.giftInformationList = [] //1
        // this.giftInventoryByMerchantsId=[]
        this.downStatus = true
        this.adminParam.pageNo = 1
        this.merchantListV2 = []
        this.merchantStatusActiveManage = false //是商家 活跃2
        this.merchantRecordDetail = false //是商家 活跃3 详情
        this.merchantDetail = false
        // this.giftInventoryByMerchantsId = [] //3
        this.frondendPager.pageNo = 1 //3
        this.selectWindow = false
        this.getAsyncData()
      },
      resetAdmin() {
        this.merchantValue4 = ''

        this.merchantValue5 = ''
        this.getInitAsyncData()
      },
      getAsyncData() {
        console.log('执行没有')
        this.timer && clearTimeout(this.timer)
        this.timer = setTimeout(() => {
          console.log('this.merchantStatusActive', this.merchantStatusActive, this.merchantDetail)
          if (this.titXuan == 2) {
            if (this.manageStatus == 1) {
              this.downStatus = true
              this.getManageData()
            } else {
              uni.showLoading({
                title: '加载中',
                mask: false,
              })
              console.log('执行没有')
              if (this.userInfo.merchantId) {
                this.adminParam.pageSize = 10
                if (this.merchantStatusActive == 1) {
                  // this.giftInformationList = []

                  if (this.merchantDetail) {
                    this.downStatus = true
                    this.giftsMerchantsRecords()
                  } else {
                    this.adminParam.pageNo = 1
                    this.adminParam.pageSize = 99
                    // this.giftInventory()

                    this.giftsMerchants()
                  }
                } else if (this.merchantStatusActive == 2) {
                  this.getEmployeesList()
                } else if (this.merchantStatusActive == 3) {
                  this.adminParam.pageNo = 1
                  this.adminParam.pageSize = 99
                  this.getGiftInventoryByMerchantsId()
                } else if (this.merchantStatusActive == 4) {
                  this.adminParam.pageNo = 1
                  this.adminParam.pageSize = 99
                  this.getRecodeList()
                }
              } else {
                this.membersClick(1)
                this.licensePlate()
              }
            }
          } else if (this.titXuan == 4) {
            this.adminParam.pageSize = 10
            if (this.merchantStatusActive == 1) {
              // this.giftInformationList = []
              console.log(this.merchantDetail, 'this.merchantDetail')
              if (this.merchantDetail) {
                this.downStatus = true
                this.giftsMerchantsRecords()
              } else {
                this.adminParam.pageNo = 1
                this.adminParam.pageSize = 99
                // this.giftInventory()

                this.giftsAdmin()
              }
            } else if (this.merchantStatusActive == 3) {
              this.adminParam.pageNo = 1
              this.adminParam.pageSize = 99
              this.getGiftInventoryByMerchantsId()
            }
          } else {
            uni.hideLoading()
          }
        }, 16)
      },
      saoma() {
        uni.$off('commonScanResult2')
        uni.$on('commonScanResult2', (res) => {
          this.scanDeal(res)
        })
        uni.$off('commonScanResult3')
        uni.$on('commonScanResult3', (res) => {
          this.$refs.tijiaos1.open()
        })
        // #ifdef APP-PLUS
        uni.navigateTo({
          url: '/pages_my/newScanCoden?from=index',
        })
        // #endif
        // #ifdef MP-WEIXIN
        uni.navigateTo({
          url: '/pages_my/wxScanCode?from=index',
        })
        // #endif
      },
      scanDeal(ress) {
        let that = this
        if (ress.result.split('?')[0] != 'https:\/\/a.app.qq.com/o/simple.jsp') {
          uni.showToast({
            title: '请扫描正确的二维码',
            icon: 'none',
            mask: true,
          })
          return
        }
        // return;
        console.log(ress, 'ress-----')
        if (ress.result.includes('codeId')) {
          let codeId = ''
          let merchantId = ''
          codeId = ress.result.split('&')[1].split('=')[1]
          merchantId = ress.result.split('&')[2].split('=')[1]
          that.$myRequest
            .get('/api/mobile/vehicleOwner/getLicensePlateNumberByCodeId', {
              codeId: codeId,
              merchantId: that.userInfo.merchantId,
              longitude: that.longitude,
              latitude: that.latitude,
            })
            .then(async (res) => {
              // console.log(res);
              // debugger;
              // return;
              if (that.userInfo.merchantId) {
                var status = 1
                await this.$myRequest
                  .get('/api/mobile/vehicleOwner/getMerchantById', {
                    merchantId: this.userInfo.merchantId,
                  })
                  .then((res) => {
                    status = res.merchantInfo.status
                  })
                if (status != 1) {
                  uni.showToast({
                    title: '商家已被冻结，不可发放礼品',
                    icon: 'none',
                    mask: true,
                  })
                  return
                }
                if (!res.whetherExistence) {
                  that.assa = 1
                  that.$refs.tijiaos.open()
                } else {
                  if (res.codeBindRecord.notReceiveCount >= 1) {
                    that.assa = 2
                    that.$refs.tijiaos.open()
                    return
                  }
                  // if(res.codeBindRecord.receiveCount>0){
                  // 	that.assa=3
                  // 	that.$refs.tijiaos.open()
                  // 	return
                  // }
                  if (res.codeBindRecord.isMerchant == '1') {
                    uni.showToast({
                      title: '二维码已失效',
                      icon: 'none',
                      mask: true,
                    })
                    return
                  }
                  var isFinish = false
                  console.log(res.codeBindRecord.licensePlateNumber)
                  if (res.codeBindRecord.licensePlateNumber) {
                    await this.$myRequest
                      .get('/api/mobile/vehicleOwner/getDropDownListGiftInformation', {
                        merchantId: this.userInfo.merchantId,
                        licensePlateNumber: res.codeBindRecord.licensePlateNumber,
                      })
                      .then((res) => {
                        // var showPrize = false
                        // if(res.bindingTime&&res.bindingTime.bindingTime&&  +new Date()>+new Date(res.bindingTime.bindingTime)&&this.$Time.formatTime2('yyyy-MM',new Date())!=this.$Time.formatTime2('yyyy-MM',new Date(res.bindingTime.bindingTime))){
                        // 	showPrize = true
                        // }
                        var pageList = res.giftInformation.pageList
                        console.log('pageList', res.giftInformation.pageList)
                        pageList.forEach((v) => {
                          v.active = false
                          v.batch = v.giftInformation.batch
                          v.giftType = v.giftInformation.giftType
                        })
                        pageList = pageList.filter(
                          (item) =>
                            res.whetherBoundMerchantConsistent ||
                            (!res.whetherBoundMerchantConsistent &&
                              item.giftInformation.giftType != '2')
                        )
                        // pageList = pageList.filter(item=>showPrize||!showPrize&&item.giftInformation.giftType!='2')
                        isFinish = pageList.length == 0
                      })
                  }
                  if (isFinish) {
                    that.assa = 3
                    that.$refs.tijiaos.open()
                    return
                  } else {
                    uni.navigateTo({
                      url:
                        '/pages_owner/carMember/memberGifts?licensePlateNumber=' +
                        res.codeBindRecord.licensePlateNumber +
                        '&codeId=' +
                        codeId,
                    })
                  }
                }
              } else {
                if (res.emptyOrNotQrCode) {
                  uni.showToast({
                    title: '该二维码未绑定会员商家',
                    icon: 'none',
                    mask: true,
                  })
                  return false
                }
                if (res.codeBindRecord && res.codeBindRecord.userId == that.userInfo.id) {
                  uni.navigateTo({
                    url: '/pages_my/bangClub?index=1',
                  })
                } else if (res.whetherExistence == 1) {
                  uni.showToast({
                    title: '该二维码已被绑定',
                    icon: 'none',
                    mask: true,
                  })
                } else {
                  uni.navigateTo({
                    url:
                      '/pages_owner/carMember/bindQRCode?codeId=' +
                      codeId +
                      '&merchantId=' +
                      merchantId,
                  })
                }
              }
            })
        } else {
          let id = ''
          let giftId = ''
          id = ress.result.split('&')[3].split('=')[1]
          giftId = ress.result.split('&')[2].split('=')[1]
          that.$myRequest
            .get('/api/mobile/public/getEventMerchantsByUserId', {
              userId: that.userInfo.id,
              giftId: giftId,
              exchangeRecordsId: id,
            })
            .then((res) => {
              if (res.success) {
                // 活动发放商家礼品
                that.$myRequest
                  .post('/api/mobile/public/confirmRedemption', {
                    id: id,
                    userId: that.userInfo.id,
                  })
                  .then((res) => {
                    uni.showToast({
                      title: res.msg,
                      icon: 'none',
                      mask: true,
                    })
                  })
              } else {
                uni.showToast({
                  title: res.msg,
                  icon: 'none',
                  mask: true,
                })
              }
            })
        }
      },
      // 获取员工信息
      getEmployeesList() {
        let that = this
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getMerchantStaffList', {
            merchantId: this.userInfo.merchantId,
          })
          .then((res) => {
            res.merchantStaffs.forEach((v) => {
              v.active = false
            })
            this.downStatus = false
            this.staffLoading = false
            this.employeesList = res.merchantStaffs
            uni.hideLoading()
          })
      },
      openMap(item) {
        // console.log(this.data.latitude, this.data.longitude);
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            // var longitude = latitude;
            // var latitude = latitude;
            // that.setWxShare(re.data)
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(item.latitude), //目的地latitude
                longitude: Number(item.longitude), //目的地longitude
                name: item.merchantName,
                address: item.storeAddress,
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(item.latitude),
          longitude: Number(item.longitude),
          name: item.storeAddress,
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      // 出入库
      getGiftInventoryByMerchantsId() {
        let that = this
        this.confirmLoading = true
        uni.showLoading({
          title: '加载中',
        })
        this.$myRequest

          .get('/api/mobile/vehicleOwner/getGiftInventoryByMerchantsId', {
            merchantsId:
              this.titXuan == 4
                ? this.merchantValue5 == -1
                  ? ''
                  : this.merchantValue5
                : Number(this.userInfo.merchantId),
            userId: this.titXuan == 4 ? this.userInfo.id : '',
            createDate: this.dates,
            ...this.adminParam,
            pageSize: 99999,
          })
          .then((res) => {
            // this.giftInventoryByMerchantsId = res.merchantGiftDistribution.pageList;
            // 'https://ws.weisou.online/conven//api/mobile/vehicleOwner/getGiftInventoryByMerchantsId'

            // 'https://ws.weisou.online/conven/api/mobile/vehicleOwner/getGiftInventoryByMerchantsId'
            // console.log({merchantsId:this.userInfo.merchantId,...this.adminParam}, JSON.parse(JSON.stringify(res.giftsForRecords.pageList)))
            // if (!(res.giftsForRecords.pageList || []).length) {
            // 	this.downStatus = false;
            // }
            // this.upStatus = true;
            // this.trigger = false;
            // this.confirmLoading = false
            var newArr = (res.giftsForRecords.pageList || []).map((item) => {
              if (item.month == 2) {
                item.sortIndex = 999
              } else if (item.month == 3) {
                item.sortIndex = 99
              } else {
                item.sortIndex = 9
              }
              return item
            })
            newArr.sort(function (a, b) {
              return b.sortIndex - a.sortIndex
            })
            this.giftInventoryByMerchantsId = res.giftsForRecords.pageList || []
            this.confirmLoading = false
            uni.hideLoading()
            this.downStatus = false
            this.triggerScroll(true)
            uni.stopPullDownRefresh()
          })
      },
      getRecodeList() {
        let that = this
        this.confirmLoading = true
        uni.showLoading({
          title: '加载中',
        })
        this.$myRequest

          .get('/api/mobile/vehicleOwner/getRescanRecord', {
            merchantId: Number(this.userInfo.merchantId),
          })
          .then((res) => {
            this.recodeList = res.getRescanRecord || []
            this.confirmLoading = false
            uni.hideLoading()
            this.downStatus = false
            this.triggerScroll(true)
            uni.stopPullDownRefresh()
          })
      },
      // 获取礼品库存
      giftInventory() {
        let that = this
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getGiftInventory', {
            merchantId: this.userInfo.merchantId,
          })
          .then((res) => {
            this.giftInventoryList = res.merchantGiftDistribution.pageList
          })
      },
      // 商家列表
      getMerchantList() {
        this.upStatus = false

        console.log('222')
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getEnterpriseListByUserId', {
            userId: this.userInfo.id,
            longitude: this.longitude,
            latitude: this.latitude,
            screeningType: this.merchantValue3,
            merchantName: this.merchantText,
            ...this.adminParam,
          })
          .then((res) => {
            if (!res.enterpriseList.pageList.length) {
              this.downStatus = false
            }
            if (res.enterpriseList.pageList.length < this.adminParam.pageSize) {
              this.downStatus = false
            }
            uni.hideLoading()
            this.upStatus = true
            this.trigger = false
            // this.merchantListV2 = res.enterpriseList.pageList
            if (this.adminParam.pageNo == 1) {
              this.merchantListV2 = res.enterpriseList.pageList
            } else {
              this.merchantListV2 = this.merchantListV2.concat(res.enterpriseList.pageList)
            }
            uni.stopPullDownRefresh()
            // this.wxUrl = res.r.gz_url;
            // console.log(this.wxUrl)
          })
      },
      // 获取商家发放礼品数据
      async giftsMerchants() {
        var record = {}
        await this.$myRequest
          .get('/api/mobile/vehicleOwner/getQrCodeBindInfo', {
            merchantId: this.userInfo.merchantId,
          })
          .then((res) => {
            record = res.record
            this.record = res.record
          })

        let dates = new Date().getTime()
        let that = this
        this.$myRequest

          // .get("/api/mobile/vehicleOwner/getDropDownListGiftInformation", {
          .get('/api/mobile/vehicleOwner/getAllGiftLists', {
            merchantId: this.userInfo.merchantId,
            type: +this.merchantValue + 1,
            ...this.adminParam,
            pageSize: 99,
          })
          .then((res) => {
            res.GiftLists.pageList = res.GiftLists.pageList.filter((item) => item.giftId !== 'null')
            res.GiftLists.pageList.forEach((v) => {
              v.active = false
            })
            // if (!res.GiftLists.pageList.length) {
            // 	this.downStatus = false;
            // }
            // this.upStatus = true;
            // this.trigger = false;
            this.triggerScroll(true)
            this.giftInformationList = [
              {
                id: 100000000,
                giftId: -2,
                ...record,
                giftInformation: {
                  giftName: '二维码',
                },
              },
              ...res.GiftLists.pageList.filter((item) => item.giftInformation),
            ]
            this.giftInformationListTemp = this.giftInformationList
            this.merchantOptions = [
              {
                value: '-1',
                text: '全部礼品',
              },
            ]
            this.merchantOptions.push(
              ...this.giftInformationList
                .filter((item) => item.giftInformation)
                .map((item) => {
                  return {
                    value: item.giftId,
                    text: item.giftInformation.giftName,
                  }
                })
            )
            console.log('merchantOptions', this.merchantOptions)
            this.downStatus = false
            uni.hideLoading()
            uni.stopPullDownRefresh()
          })
      },
      merchantRecordDetailLink(item) {
        item.isShow = true
        uni.setStorageSync('recordDetali', item)
        uni.navigateTo({
          url: '/pages_my/recordDetali',
        })
      },
      // 获取商家发放礼品数据
      async giftsAdmin() {
        var record = {}
        await this.$myRequest
          .get('/api/mobile/vehicleOwner/getAdminGiftLists', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            record = res.GiftLists
            this.record = res.record
          })

        this.$myRequest
          .get('/api/mobile/vehicleOwner/getEnterpriseListByUserId', {
            userId: this.userInfo.id,
            pageNo: 1,
            pageSize: 99,
          })
          .then((res) => {
            this.shopList = res.enterpriseList.pageList
            this.merchantShopOptions = res.enterpriseList.pageList.map((el) => {
              return {
                value: el.id,
                text: el.merchantName,
              }
            })
            this.merchantShopOptions.unshift({
              value: '-1',
              text: '全部商家',
            })
            // this.wxUrl = res.r.gz_url;
            // console.log(this.wxUrl)
          })
        let that = this
        let dates = new Date().getTime()
        this.$myRequest

          // .get("/api/mobile/vehicleOwner/getDropDownListGiftInformation", {
          .get('/api/mobile/vehicleOwner/getAdminGiftLists', {
            userId: this.userInfo.id,
            giftName: this.merchantValue4 == -1 ? '' : this.merchantValue4,
            merchantId: this.merchantValue5 == -1 ? '' : this.merchantValue5,
            ...this.adminParam,
            pageSize: 99,
          })
          .then((res) => {
            res.GiftLists.pageList = res.GiftLists.pageList.filter((item) => item.giftId !== 'null')
            res.GiftLists.pageList.forEach((v) => {
              v.active = false
            })
            // if (!res.GiftLists.pageList.length) {
            // 	this.downStatus = false;
            // }
            // this.upStatus = true;
            // this.trigger = false;
            this.triggerScroll(true)
            this.giftInformationList = [...res.GiftLists.pageList]
            this.giftInformationListTemp = record.pageList
            this.merchantOptions = [
              {
                value: '-1',
                text: '全部礼品',
              },
            ]
            this.merchantOptions.push(
              ...this.giftInformationListTemp
                .filter((item) => item.giftInformation)
                .map((item) => {
                  return {
                    value: item.giftInformation.giftName,
                    text: item.giftInformation.giftName,
                  }
                })
            )
            console.log('merchantOptions', this.merchantOptions)
            this.downStatus = false
            uni.hideLoading()
            uni.stopPullDownRefresh()
          })
      },
      // 获取商家礼品发放记录列表
      giftsMerchantsRecords() {
        let that = this
        this.adminParam.pageSize = 10
        console.log('this.downStatus', this.downStatus)
        if (this.merchantValue == -2) {
          // 二维码
          this.$myRequest

            // .get("/api/mobile/vehicleOwner/getDropDownListGiftInformation", {
            .get('/api/mobile/vehicleOwner/getMerchantQrCodeBindingRecord', {
              merchantId: this.userInfo.merchantId,
              timeRange: this.merchantValue2,
              ...this.adminParam,
            })
            .then((res) => {
              // this.giftDistributionRecord = res.GiftDistributionRecord.pageList || []
              // console.log('this.giftDistributionRecord=', this.giftDistributionRecord)
              // 		res.GiftLists.pageList.forEach(v => {
              // 			v.active = false
              // 		})
              if (!res.record.pageList) {
                this.downStatus = false
              }
              res.record.pageList = res.record.pageList || []
              if (res.record.pageList.length < this.adminParam.pageSize) {
                this.downStatus = false
              }
              this.upStatus = true
              this.trigger = false
              if (this.adminParam.pageNo == 1) {
                this.giftDistributionRecord = res.record.pageList
              } else {
                this.giftDistributionRecord = this.giftDistributionRecord.concat(
                  res.record.pageList
                )
              }

              this.newTotal = res.record.pageCount
              uni.hideLoading()
              uni.stopPullDownRefresh()
            })
        } else {
          this.$myRequest

            // .get("/api/mobile/vehicleOwner/getDropDownListGiftInformation", {
            .get('/api/mobile/vehicleOwner/getGiftDistributionRecords', {
              merchantId: this.userInfo.merchantId,
              giftId: this.curGift.giftId,
              timeRange: this.merchantValue2,
              ...this.adminParam,
            })
            .then((res) => {
              // this.giftDistributionRecord = res.GiftDistributionRecord.pageList || []
              console.log('this.giftDistributionRecord=', this.giftDistributionRecord)
              // 		res.GiftLists.pageList.forEach(v => {
              // 			v.active = false
              // 		})
              if (!res.GiftDistributionRecord.pageList) {
                this.downStatus = false
              }
              res.GiftDistributionRecord.pageList = res.GiftDistributionRecord.pageList || []

              if (res.GiftDistributionRecord.pageList.length < this.adminParam.pageSize) {
                this.downStatus = false
              }
              this.upStatus = true
              this.trigger = false
              // this.giftDistributionRecord = this.giftDistributionRecord.concat(res.GiftDistributionRecord
              // 	.pageList);

              if (this.adminParam.pageNo == 1) {
                this.giftDistributionRecord = res.GiftDistributionRecord.pageList
              } else {
                this.giftDistributionRecord = this.giftDistributionRecord.concat(
                  res.GiftDistributionRecord.pageList
                )
              }
              this.newTotal = res.GiftDistributionRecord.pageCount
              uni.hideLoading()
              uni.stopPullDownRefresh()
            })
        }
      },
      up() {
        this.merchantListV2 = []
        this.adminParam.pageNo = 1
        this.downStatus = true
        if (this.upStatus) {
          this.trigger = true
          this.getAsyncData()
        }
      },
      down() {
        console.log('上拉加载2', this.downStatus)
        if (this.downStatus) {
          if (this.userInfo.merchantId && this.merchantStatusActive == 1) {
            // console.log('上拉加载1')
            if (
              this.newTotal &&
              Math.ceil(this.newTotal / this.adminParam.pageSize) > this.adminParam.pageNo
            ) {
              console.log('上拉加载')
              this.adminParam.pageNo++
              this.getAsyncData()
            }
          } else {
            console.log('上拉加载2')
            this.adminParam.pageNo++
            this.getAsyncData()
          }
        }
      },
      async getLocation() {
        this.getLocation1()
      },
      getLocation1() {
        let _this = this
        uni.showLoading({
          title: '加载中',
          mask: false,
        })
        console.log('getLocation1')
        uni.getLocation({
          type: 'gcj02',

          // highAccuracyExpireTime: "3000",
          success(res) {
            console.log('111')
            _this.latitude = res.latitude
            _this.longitude = res.longitude
            if (_this.manageStatus == 1 && _this.titXuan == 2) {
              console.log(2222)
              _this.getManageData()
            } else if (_this.titXuan == 4) {
              console.log(3333)
              _this.getAsyncData()
            }
          },
          fail(res) {
            console.log(res, '经纬度没有授权')
            uni.setStorageSync('locationState', 0)
            uni.hideLoading()
            if (uni.getStorageSync('locationState') == 0) {
              uni.showModal({
                title: '提示',
                content: '您已关闭位置权限或获取位置信息失败',
                success: function (res) {
                  if (res.confirm) {
                    // plus.runtime.openURL("app-settings:");
                    if (plus.os.name === 'iOS') {
                      plus.runtime.openURL('app-settings://')
                    } else {
                      var Intent = plus.android.importClass('android.content.Intent')
                      var Settings = plus.android.importClass('android.provider.Settings')
                      var Uri = plus.android.importClass('android.net.Uri')
                      var mainActivity = plus.android.runtimeMainActivity()
                      var intent = new Intent()
                      intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS)
                      var uri = Uri.fromParts('package', mainActivity.getPackageName(), null)
                      intent.setData(uri)
                      mainActivity.startActivity(intent)
                    }
                  } else if (res.cancel) {
                    console.log('用户点击取消')
                  }
                  if (_this.manageStatus == 1 && _this.titXuan == 2) {
                    _this.getManageData()
                  } else if (_this.titXuan == 4) {
                    console.log('循环')
                    _this.getAsyncData()
                  }
                },
              })
              return false
            }
          },
        })
      },
      deliverGoodsdetail(item) {
        console.log(item)
        uni.navigateTo({
          url:
            '/pages_my/deliverGoodsdetail?id=' +
            item.giftInformation.id +
            '&name=' +
            item.giftInformation.giftName,
        })
      },
      getManageData() {
        this.downStatus = true
        this.adminParam.pageNo = 1
        this.adminParam.pageSize = 10
        this.merchantListV2 = []
        this.getMerchantList()
      },
    },
    onPullDownRefresh() {
      if (this.manageStatus == 1) {
      } else {
        if (this.merchantStatusActive == 1) {
          if (this.merchantDetail) {
          }
        } else if (this.merchantStatusActive == 2) {
        } else if (this.merchantStatusActive == 3) {
        }
      }
      this.up()
    },
    onReachBottom() {
      if (this.manageStatus == 1) {
        this.down()
      } else {
        if (this.merchantStatusActive == 1) {
          if (this.merchantDetail) {
            this.down()
          }
        } else if (this.merchantStatusActive == 2) {
        } else if (this.merchantStatusActive == 3) {
        }
      }
    },
  }
</script>
<style lang="less" scoped>
  .v2 /deep/ .uni-popup {
    z-index: 9999;
  }

  .v2 /deep/ .movableArea {
    z-index: 1000;
  }

  .merchant2-fit {
    height: 112rpx;
  }

  .merchant3-fit {
    .new-pb(170rpx);
  }

  .c-comfirm-btn.solid {
    &::after {
      border-color: #64b6a8;
    }
  }

  .cu-succes.solid {
    &::after {
      border-color: #64b6a8;
    }
  }

  .cc-danger-btn.solid,
  .cu-dangerous.solid {
    &::after {
      border-color: #e00000;
    }
  }

  .cc-cancel-btn.solid,
  .cu-cancel.solid {
    &::after {
      border-color: #666666;
    }
  }

  .new-pb(@pb) {
    padding-bottom: @pb;
    padding-bottom: calc(@pb + constant(safe-area-inset-bottom));
    padding-bottom: calc(@pb + env(safe-area-inset-bottom));
  }

  .new-fith(@h) {
    padding-bottom: @h;
    padding-bottom: calc(@h + constant(safe-area-inset-bottom));
    padding-bottom: calc(@h + env(safe-area-inset-bottom));
  }

  page {
    background-color: #ffffff;
  }

  .fixed {
    // display: flex;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 40;
  }

  .box {
    background-color: #fff;
    min-height: 100vh;
  }

  /deep/ .uni-popup {
    z-index: 1;
  }

  .binds_frame {
    width: 600rpx;
    height: 286rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    text-align: center;
    position: relative;

    .binds_frame_t {
      font-size: 30rpx;
      font-weight: 550;
      color: #000000;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      font-size: 30rpx;
      font-weight: 400;
      color: #999999;
      margin-top: 34rpx;
    }

    .binds_frame_b {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 90rpx;
      display: flex;

      .cancel {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f2f2f2;
        border-radius: 0px 0px 0px 10rpx;
        font-size: 30rpx;
        font-weight: 400;
        color: #333333;
      }

      .determine {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #64b6a8;
        border-radius: 0px 0px 10rpx 0px;
        font-size: 30rpx;
        font-weight: 400;
        color: #fff;
      }
    }
  }

  .member {
    background-color: #fff;
    border-radius: 40rpx 40rpx 0 0;
    height: 120rpx;
    display: flex;
    align-items: center;
    padding-left: 40rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #999999;

    .xuan {
      font-size: 26rpx;
      font-weight: 400;
      color: #64b6a8;
    }
  }

  .membershipList {
    background-color: #fff;
    padding-left: 50rpx;
    padding-right: 40rpx;
    flex: 1;

    .membershipList_item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 150rpx;
      border-bottom: 1px solid #d6d6d6;

      .membership_left {
        display: flex;
        align-items: center;
        font-size: 32rpx;
        font-weight: 400;
        color: #333333;

        .image_k {
          width: 66rpx;
          height: 66rpx;
          border-radius: 10rpx;
          border: 1px solid #c4d8d4;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 28rpx;

          .image {
            width: 26rpx;
            height: 26rpx;
          }
        }
      }

      .membership_state {
        width: 150rpx;
        height: 60rpx;
        border-radius: 30rpx;
        font-size: 26rpx;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        line-height: 60rpx;
      }
    }

    .LicensePlate {
      display: flex;
      flex-direction: column;

      .LicensePlate_name {
        font-size: 32rpx;
        font-weight: 400;
        color: #333333;
      }

      .LicensePlate_time {
        font-size: 26rpx;
        font-weight: 400;
        color: #a3aab0;
        margin-top: 4rpx;
      }
    }

    .Unbinds {
      width: 150rpx;
      height: 60rpx;
      background-color: #64b6a8;
      border-radius: 30rpx;
      font-size: 26rpx;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .more {
      width: 100%;
      text-align: center;
      font-size: 26rpx;
      font-weight: 400;
      color: #8fbab2;
      margin: 20rpx 0;
    }

    .NoData {
      text-align: center;
      font-size: 28rpx;
      font-weight: 400;
      color: #999999;

      .image {
        width: 350rpx;
        height: 350rpx;
      }

      .Unbind {
        width: 190rpx;
        height: 74rpx;
        margin: 0 auto;
        margin-top: 64rpx;
        border-radius: 10rpx;
        border: 1px solid #64b6a8;
        font-size: 34rpx;
        font-weight: 400;
        color: #64b6a8;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }

  .tit {
    width: 750rpx;
    height: 100rpx;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    font-size: 30rpx;
    font-weight: 500;
    color: #7c7c7c;
    padding-left: 30rpx;

    .tit_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;

      .image {
        width: 60rpx;
        height: 30rpx;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -20rpx;
      }
    }

    .xuan {
      font-size: 34rpx;
      font-weight: 500;
      color: #64b6a8;
    }
  }

  .bang-club {
    background-color: #ffffff;
    display: flex;
    flex: 1;
    flex-direction: column;

    .bang-club-top {
      background-color: #64b6a8;
      padding: 0 0 40rpx 0;
      color: #fff;

      .bang-top {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-right: 30rpx;

        .ming-xis {
          margin: 5rpx 30rpx 0 0;
          width: 140rpx;
          color: #fff;
          padding: 2rpx 10rpx;
          border: 2rpx solid #fff;
          border-radius: 24rpx;
          text-align: center;
        }
      }

      .top-item {
        flex: 1;

        .top-title {
          padding: 10rpx 0 10rpx 30rpx;
          font-size: 28rpx;
        }

        .top-content {
          box-sizing: content-box;
          height: 60rpx;
          background-color: #64b6a8;
          padding: 10rpx 40rpx 12rpx;
          align-items: center;
          justify-content: center;
          text-align: center;
          font-size: 44rpx;
          font-weight: 500;
        }

        .top-left {
          border-right: 4rpx solid #fff;
        }
      }
    }

    .task-content {
      align-items: flex-start;
      justify-content: space-between;
      padding: 30rpx 30rpx 0;
      border-radius: 40rpx 40rpx 0 0;

      .task-title {
        margin-bottom: 40rpx;

        .today-task {
          font-size: 34rpx;
          font-weight: 500;
          color: #333333;
          margin: 0 0 2rpx 0;
        }

        .today-task-desc {
          font-size: 24rpx;
          font-weight: 400;
          color: #a3aab0;
        }
      }

      .level-rule {
        padding: 9rpx 17rpx;
        border-radius: 10rpx 10rpx 10rpx 10rpx;
        border: 1rpx solid #64b6a8;
        color: #64b6a8;
      }
    }

    .task-list {
      padding: 0 50rpx;

      .task-li {
        align-items: center;
        padding: 30rpx 0 24rpx 0;
        box-sizing: border-box;
        border-bottom: 1rpx solid #d6d6d6;
        justify-content: space-between;

        .task-left {
          align-items: center;

          image {
            width: 66rpx;
            height: 66rpx;
            margin: 0 28rpx 0 0;
          }

          .task-desc {
            .task-title {
              width: 360rpx;
              // white-space: nowrap;
              // overflow: hidden;
              // text-overflow: ellipsis;
              font-size: 32rpx;
              color: #333333;
            }

            .task-dot {
              font-size: 26rpx;
              color: #a3aab0;
            }
          }
        }

        .task-right {
          flex-direction: column;
          align-items: center;

          .task-btn {
            padding: 12rpx 36rpx;
            font-size: 26rpx;
            color: #ffffff;
            background: #64b6a8;
            border-radius: 30rpx 30rpx 30rpx 30rpx;
          }

          .finish {
            background: #fff;
            border: 1rpx solid #a3aab0;
            color: #a3aab0;
          }
        }
      }
    }

    .more-task {
      // position: absolute;
      // left: 50%;
      // transform: translate(-50%);
      // bottom: calc(30rpx + env(safe-area-inset-bottom));
      width: 100%;
      text-align: center;
      padding: 20rpx 0;
      // margin: 10rpx auto 0;
      // padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
      font-size: 26rpx;
      color: #8fbab2;
    }
  }

  .fabuZbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    // flex-wrap: wrap;
    z-index: 999999999;

    .fabuZbc_sj {
      width: 100%;
      position: absolute;
      top: 40%;
      left: 0;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;

      .fzView {
        width: 25%;
        text-align: center;
        margin-top: 20rpx;

        image {
          width: 120rpx;
          height: 120rpx;
        }

        p {
          width: 100%;
          font-size: 35rpx;
          color: #fff;
          text-align: center;
          margin-top: 24rpx;
          white-space: nowrap;
        }
      }

      .show {
        position: absolute;
        width: 58rpx;
        height: 58rpx;
        left: 50%;
        transform: translateX(-50%);
        bottom: -100rpx;
      }
    }
  }

  .jiLu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 32rpx;
    font-weight: 400;
    color: #64b6a8;
    position: absolute;
    right: 20rpx;

    // top: -70rpx;
    z-index: 1999;
  }

  .activityCenter {
    position: relative;

    .iteam {
      width: 750rpx;
      padding: 32rpx 30rpx;
      background-color: #fff;
      margin-bottom: 20rpx;

      .image {
        width: 690rpx;
        height: 290rpx;
        border-radius: 18rpx;
      }

      .iteam_title {
        display: flex;
        align-items: center;
        width: 690rpx;
        margin-top: 24rpx;
        margin-bottom: 16rpx;

        .label {
          width: 130rpx;
          height: 52rpx;
          background-color: #e66453;
          border-radius: 30rpx;
          font-size: 24rpx;
          font-weight: 400;
          color: #ffffff;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .title {
          flex: 1;
          margin-left: 20rpx;
          font-size: 30rpx;
          font-weight: 400;
          color: #333333;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }

      .iteam_time {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;

        .left_time {
          font-size: 24rpx;
          font-weight: 400;
          color: #888888;

          .startTime {
            margin-bottom: 10rpx;
          }
        }

        .right_ckxq {
          font-size: 26rpx;
          font-weight: 400;
          color: #64b6a8;
        }
      }
    }

    .iteam:first-child {
      border-radius: 40rpx 40rpx 0 0;
    }

    .iteam:nth-last-child(2) {
      margin-bottom: 0;
    }

    .more {
      width: 100%;
      text-align: center;
      font-size: 26rpx;
      font-weight: 400;
      color: #8fbab2;
      padding: 20rpx 0;
      background-color: #fff;
    }
  }

  .cc-success-btn {
    color: #64b6a8 !important;
  }

  .cc-cancel-btn {
    color: #666666 !important;
  }

  .cc-danger-btn {
    color: #e00000 !important;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
      margin-bottom: 24rpx;
    }
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .box {
    width: 100%;
    min-height: 100vh;
    // padding-bottom: 130rpx;
    background-color: #fff;
  }

  .tou {
    position: relative;
    width: 100%;
    // height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 36rpx;
    color: #fff;
    background-color: #64b6a8;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      // top: 116rpx;
      left: 30rpx;
    }

    .image2 {
      position: absolute;
      width: 56rpx;
      height: 56rpx;
      // top: 104rpx;
      right: 30rpx;
    }

    p {
      position: absolute;
      // top: 90rpx;
      line-height: 45rpx;
      bottom: 21rpx;
      right: 30rpx;
      font-size: 32rpx;
      color: #fff;
    }
  }

  .is-merchant-page {
    display: flex;
    flex: 1;
    background-color: #fff;
    min-height: 800rpx;
    border-radius: 40rpx 40rpx 0 0;

    .merchant-side {
      width: 200rpx;
      border-right: 2rpx solid #dcdcdc;
      border-radius: 40rpx 0 0 0;
      // overflow: hidden;

      .merchant-side-item {
        padding: 40rpx 0;
        font-size: 28rx;
        font-weight: 400;
        color: #333333;
        line-height: 28rx;
        cursor: pointer;
        text-align: center;

        &.active {
          background: #64b6a8;
          color: #fff;
        }
      }

      .merchant-side-item:first-child {
        border-radius: 40rpx 0 0 0;
      }
    }

    .merchant-mian {
      width: calc(100% - 200rpx);
      display: flex;
      flex-direction: column;

      .merchant-select {
        padding: 24rpx 30rpx 30rpx 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .merchant-select1 {
          width: 240rpx;
        }

        .merchant-select2 {
          max-width: 288rpx;
          min-width: 200rpx;
        }

        &.admin-select {
          display: initial !important;
          padding: 24rpx 30rpx 0;

          .merchant-select2 {
            height: 70rpx;
          }

          .merchant-select2 {
            max-width: 488rpx;
            min-width: 200rpx;
          }
        }
      }

      .merchant-select-admin {
        display: flex;
        justify-content: flex-end;
      }

      .selectWindow {
        position: fixed;
        bottom: 0;
        right: 0;
        height: 60vh;
        width: calc(100% - 200rpx);
        background: #fff;
        // border-left: 1rpx solid #ddd;
        z-index: 100;
        border-top: 1rpx solid #ddd;
        padding: 36rpx 36rpx 0;

        .windowclose {
          display: flex;
          justify-content: flex-end;
          margin-bottom: 20rpx;

          .cuIcon-close {
            font-size: 40rpx;
          }
        }

        .merchant-select2 {
          width: 300rpx;
          margin-bottom: 30rpx;
        }

        .select-title {
          line-height: 40rpx;
          font-size: 28rpx;
          margin-bottom: 10rpx;
        }

        .window-bottom {
          position: absolute;
          bottom: 0;
          width: 100%;
          left: 0;
          display: flex;

          .btn {
            width: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100rpx;
            background: #e0e0e0;
            color: #333;
            font-size: 30rpx;
          }

          .btn1 {
            color: #fff;
            background: #64b6a8;
          }
        }
      }

      .merchant1-list {
        padding: 0 30rpx;

        .merchant1-item {
          height: 132rpx;
          display: flex;
          margin-bottom: 30rpx;

          .merchant1-item-left {
            .merchant1-item-img {
              width: 132rpx;
              height: 132rpx;
            }
          }

          .merchant1-item-right {
            width: calc(100% - 132rpx);
            padding-left: 20rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;

            .merchant1-title {
              height: 42rpx;
              font-size: 30rpx;
              font-weight: 400;
              color: #333333;

              .merchant1-title-text {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
              }
            }

            .merchant1-info {
              font-size: 24rpx;
              font-weight: 400;
              color: #666666;
              display: flex;
              justify-content: space-between;

              .merchany-info-box {
              }
            }
          }
        }
      }

      .merchant1-list1-title {
        font-size: 30rpx;
        font-weight: 400;
        color: #333333;
        line-height: 42rpx;
        padding: 10rpx 30rpx 20rpx 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .merchant1-list1 {
        padding: 0 30rpx 0 30rpx;

        .merchant1-item1 {
          padding-top: 20rpx;
          border-bottom: 2rpx solid #d8d8d8;

          font-size: 28rpx;
          font-weight: 400;
          color: #666666;
          line-height: 28rpx;

          view {
            line-height: 40rpx;
            margin-bottom: 8rpx;
          }
        }
      }

      .merchant3-list {
        padding: 0 30rpx;

        .merchant3-item {
          border-bottom: 2rpx solid #dcdcdc;
          margin-bottom: 4rpx;
          padding-top: 30rpx;
          position: relative;

          .dian {
            width: 12rpx;
            height: 12rpx;
            background: #ea4b4b;
            opacity: 1;
            border-radius: 50%;
            position: absolute;
            left: -20rpx;
            top: 50rpx;
          }

          &.isShow {
            color: #999;

            .merchant3-item-left-txt {
              color: #999 !important;
            }

            .merchant3-item-right {
              border-color: #999 !important;
              color: #999 !important;
            }

            .solid::after {
              border-color: #999 !important;
            }
          }

          .merchant3-item-top {
            margin-bottom: 20rpx;
            font-size: 30rpx;
            font-weight: 400;
            line-height: 50rpx;
            color: #333333;
            display: flex;
            justify-content: space-between;
            position: relative;

            .merchant3-item-left {
              .merchant3-item-left-txt {
                color: #333333;
                margin-right: 20rpx;
                vertical-align: middle;
              }

              .merchant3-item-left-operate {
                font-size: 30rpx;
                font-weight: 400;
                color: #64b6a8;
                line-height: 34rpx;
                vertical-align: middle;

                text {
                  margin-left: 4rpx;
                  font-size: 32rpx;
                  font-weight: 600;
                }
              }

              button {
                border-radius: 2px;
                width: 86px;
                line-height: 29px;
                background-color: transparent;

                &.dangerous {
                  color: #e00000;
                  border-color: #e00000;
                }

                &.con {
                  color: #64b6a8;
                  border-color: #64b6a8;
                }
              }
            }

            .merchant3-item-right {
              min-width: 140rpx;
              height: 46rpx;
              line-height: 46rpx;
              text-align: center;
              font-size: 26rpx;
              background-color: transparent;
              border-radius: 6rpx 6rpx 6rpx 6rpx;
              padding: 0 10rpx;
              white-space: nowrap;

              &.cu-success {
                border-color: #64b6a8;
                color: #64b6a8;
              }

              &.cu-cancel {
                border-color: #666666;
                color: #666666;
              }

              &.cu-dangerous {
                border-color: #e00000;
                color: #e00000;
              }
            }

            .details {
              color: #64b6a8;
              font-size: 26rpx;
            }
          }

          .merchantName {
            margin-bottom: 20rpx;
            font-size: 28rpx;
          }

          .merchant3-item-bottom {
            color: #3d3d3d;
            font-size: 28rpx;
            font-weight: 400;
            line-height: 28rpx;
            margin-bottom: 20rpx;
          }

          .date {
            color: #999999;
          }
        }
      }

      .merchant3-detail {
        position: relative;
        flex: 1;

        .merchant3-detail-title {
          padding: 0px 30rpx;
          display: flex;
          align-items: center;
          justify-content: space-between;

          .merchant3-detail-title-left {
            padding: 28rpx 0;
            display: flex;
            align-items: center;

            .merchant3-detail-title-name {
              font-size: 30rpx;
              font-weight: 400;
              color: #333333;
              line-height: 34rpx;
              margin-right: 20rpx;
            }
          }
        }

        .merchant3-detail-title-status {
          width: 123rpx;
          line-height: 48rpx;
          margin-top: -12rpx;
          border-color: #e00000;
          color: #e00000;
          background-color: transparent;
        }

        .merchant3-detail-title-right {
          font-size: 30rpx;
          font-weight: 400;
          color: #64b6a8;
          line-height: 34rpx;
          vertical-align: middle;

          text {
            font-size: 32rpx;
          }
        }

        .merchant3-detail-time {
          font-size: 28rpx;
          font-weight: 400;
          color: #3d3d3d;
          line-height: 28rpx;
          padding-left: 30rpx;
          padding-bottom: 20rpx;
          border-bottom: 2rpx solid #d8d8d8;
        }

        .merchant3-list1 {
          padding: 0 30rpx;
          text-align: center;
          // padding-bottom: 96px;

          .merchant3-head {
            display: flex;
            align-items: center;
            margin: 20rpx 0;
            font-size: 28rpx;
            font-weight: 400;
            color: #333333;
            line-height: 28rpx;

            .merchant3-section {
              flex: 1;
            }
          }

          .merchant3-item1 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 64rpx;
            font-size: 28rpx;
            font-weight: 400;
            color: #666666;
            line-height: 38rpx;

            .merchant3-section {
              width: 114rpx;
            }
          }
        }

        .merchant3-pagination {
          padding-top: 12rpx;
          background-color: white;
          // display: flex;
          // align-items: center;
          // justify-content: center;
          position: absolute;
          bottom: 0%;
          right: 0%;
          width: 100%;
          .new-pb(32rpx);

          .page-btn {
            width: 84rpx;
            height: 38rpx;
            text-align: center;
            line-height: 40rpx;
            border-radius: 40rpx;
            opacity: 1;
            border-color: #64b6a8;
            color: #64b6a8;
            text-align: center;

            &.disabled {
            }
          }

          .page-pre {
            font-size: 26rpx;
            font-weight: 400;
            line-height: 40rpx;
          }

          .page-next {
            font-size: 26rpx;
            font-weight: 400;
            line-height: 40rpx;
          }

          .page-num {
            color: #666666;
            font-size: 28rpx;
            margin: 0 24rpx;
          }
        }

        .merchant3-btn-wrap1 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 18rpx;
          font-weight: 400;
          color: #666666;
          padding: 0 30rpx;
          margin-bottom: 30rpx;
          text-align: center;

          .merchant3-btn {
            width: 220rpx;
            height: 58rpx;
            line-height: 58rpx;
            border-color: #64b6a8;
            color: #64b6a8;
            background-color: transparent;
          }
        }
      }

      .merchant2-list {
        padding: 16rpx 30rpx 10rpx 30rpx;
        min-height: 860rpx;
        position: relative;

        .merchant2-btn {
          position: absolute;
          bottom: 16rpx;

          left: 50%;
          transform: translateX(-50%);
          width: 470rpx;
          height: 80rpx;
          line-height: 80rpx;
          background: #64b6a8;
          border-radius: 49rpx 49rpx 49rpx 49rpx;
          opacity: 1;
          text-align: center;

          font-size: 34rpx;
          font-weight: 400;
          color: #ffffff;

          bottom: 16rpx;
          bottom: calc(16rpx + constant(safe-area-inset-bottom));
          bottom: calc(16rpx + env(safe-area-inset-bottom));
        }

        .merchant2-head {
          font-size: 30rpx;
          font-weight: 400;
          color: #333333;
          line-height: 34rpx;
          padding-bottom: 10rpx;
          text-align: left;
          display: flex;
          align-items: flex-end;
          justify-content: space-between;

          .merchant2-section {
            width: 123rpx;
            white-space: nowrap;
          }
        }

        .merchant2-item {
          padding: 30rpx 0 20rpx 0;
          display: flex;
          align-items: center;
          justify-content: space-between;
          text-align: left;
          position: relative;
          color: #3d3d3d;
          border-bottom: 2rpx solid #d8d8d8;

          .box-check {
            width: 16px;
            height: 16px;
            background: #ffffff;
            opacity: 1;
            border-color: #64b6a8;
            border-radius: 50%;
            position: absolute;
            top: 56%;
            left: 0px;
            transform: translateY(-50%);

            &::after {
              border-width: 4rpx;
            }

            &.checked::before {
              content: '';
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);

              width: 11px;
              height: 11px;
              background: #64b6a8;
              border-radius: 50%;
            }
          }

          .merchant2-section {
            display: flex;
            align-items: center;
            width: 123rpx;
            white-space: nowrap;
            position: relative;
            line-height: 1.2;

            &.operate-status {
              padding-left: 52rpx;
            }
          }
        }

        .merchant2-section {
        }
      }
    }
  }

  .status-btn {
    text-align: center;
    font-size: 26rpx;
    background-color: transparent;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    white-space: nowrap;

    &.cu-success {
      border-color: #64b6a8;
      color: #64b6a8;
    }

    &.cu-cancel {
      border-color: #666666;
      color: #666666;
    }

    &.cu-dangerous {
      border-color: #e00000;
      color: #e00000;
    }
  }

  .v2 {
    ::v-deep {
      .uni-date__x-input {
        height: 56rpx;
        line-height: 56rpx;
      }

      .uni-select {
        height: 60rpx;
        line-height: 60rpx;
        border-radius: 8rpx 8rpx 8rpx 8rpx;
        opacity: 1;
        border: 2rpx solid #d8d8d8;

        .uni-select__input-placeholder {
          font-size: 28rpx;
          font-weight: 400;
          color: #333333;
        }

        .uni-select__input-text {
          font-size: 28rpx;
          font-weight: 400;
          color: #333333;
        }

        .uni-select__selector-item {
          word-break: break-all;
        }

        .uni-select__input-box {
          overflow: hidden;
        }

        .uni-icons.uniui-top,
        .uni-icons.uniui-bottom {
          color: #64b6a8;
          font-size: 32rpx !important;
        }

        .uni-select__selector-item {
          font-size: 28rpx;
          font-weight: 400;
          color: #999999;
          line-height: 56rpx;
          min-height: 56rpx;
          // padding-top: 7rpx;
          // padding-bottom: 7rpx;
          text-align: left;
          padding: 7rpx 0;
          margin: 0 20rpx;

          text {
            line-height: 42rpx;
          }

          &:not(:last-child) {
            border-bottom: 2rpx solid #e0e0e0;
            // border-bottom: 2rpx solid #D8D8D8;
          }
        }
      }
    }
  }

  .bang-club-scan {
    position: absolute;
    bottom: 15rpx;
    // top: 24rpx;
    width: 56rpx;
    height: 56rpx;
    /* #ifdef H5 || APP */
    // top: 20%;

    right: 30rpx;
    /* #endif */
    /* #ifdef MP-WEIXIN */
    // top: 48%;
    transform: translateX(-50%);
    left: calc(50% + 132rpx);
    // right:200rpx;
    /* #endif */
    // background-color: white;
  }

  .bang-club-main {
    width: 750rpx;
    height: 400rpx;
    background: linear-gradient(180deg, #64b6a8 0%, #64b6a8 100%);
    opacity: 1;
    margin-top: -32rpx;
    padding-top: 32rpx;
    display: flex;
    align-items: center;

    swiper {
      width: 100%;
      height: 320rpx;
    }

    .bang-club-swiper-item {
      position: relative;
      width: 696rpx;
      height: 320rpx;
      // background: linear-gradient(270deg, #8291A7 0%, #B8C4D4 100%);
      border-radius: 25rpx 25rpx 25rpx 25rpx;
      opacity: 1;
      padding: 40rpx 56rpx 32rpx 40rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;

      .bang-swiper-rule {
        display: flex;
        align-items: center;
        position: absolute;
        top: 40rpx;
        right: 26rpx;
        width: 160rpx;
        height: 46rpx;
        background: #ffffff;
        border-radius: 23rpx 0rpx 0rpx 23rpx;
        opacity: 1;

        font-size: 24rpx;
        font-weight: normal;
        color: #64b6a8;
        line-height: 34rpx;

        .bang-swiper-rule-l {
          width: 38rpx;
          height: 38rpx;
          border-radius: 50%;
          background: #64b6a8;
          opacity: 1;
          margin-left: 4rpx;
          margin-right: 4rpx;
          display: flex;
          align-items: center;
          justify-content: center;

          image {
            height: 36rpx;
            border-radius: 50%;
          }
        }
      }

      .bang-swiper-bg {
        position: absolute;
        width: 1000rpx;
        height: 352rpx;
        left: -6rpx;
        top: -16rpx;
      }

      .bang-club-t {
        display: flex;

        .bang-club-tl {
          image {
            border-radius: 50%;
          }
        }

        .bang-club-tr {
          padding: 9rpx 0 9rpx 12rpx;
          width: 384rpx;

          .bang-club-trt {
            margin-bottom: 12rpx;
            font-size: 28rpx;
            font-weight: 400;
            line-height: 28rpx;
          }

          .bang-club-trb {
            font-size: 22rpx;
            font-weight: normal;
            line-height: 22rpx;
          }
        }
      }

      .bang-club-b {
        position: relative;
        z-index: 2;

        .bang-club-bt {
          margin-bottom: 22rpx;
          height: 10rpx;
          position: relative;

          .bang-club-bt-line {
            width: 100%;
            height: 100%;
            background: #ffffff;
            border-radius: 8rpx 8rpx 8rpx 8rpx;
            opacity: 0.5;
          }

          .bang-club-bt-line-fill {
            position: absolute;
            left: 0;
            top: 0%;
            width: 50%;
            height: 100%;
            background: #4d6b93;
            border-radius: 8rpx 8rpx 8rpx 8rpx;
          }
        }

        .bang-club-bb {
          display: flex;
          align-items: center;
          justify-content: space-between;

          .bang-club-bb-left {
            font-size: 36rpx;
            font-weight: 400;
            line-height: 36rpx;
          }

          .bang-club-bb-right {
            font-size: 24rpx;

            font-weight: 400;
            line-height: 34rpx;
          }
        }
      }
    }
  }

  .manage-page {
    width: 750rpx;
    // height: 1110rpx;
    background: #ffffff;
    border-radius: 40rpx 40rpx 0 0;
    opacity: 1;
    padding: 24rpx 30rpx 0 30rpx;
    flex: 1;

    .manage-page-select {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .manage-page-select-input-box {
        width: calc(100% - 260rpx);
        position: relative;

        .input-close {
          width: 36rpx;
          height: 36rpx;
          position: absolute;
          right: 16rpx;
          top: 50%;
          transform: translateY(-50%);
        }

        .input-sousuo {
          width: 42rpx;
          height: 42rpx;
          position: absolute;
          left: 16rpx;
          top: 50%;
          transform: translateY(-50%);
        }
      }

      .manage-page-select-input {
        width: 100%;
        border: 1rpx solid #ddd;
        height: 60rpx;
        border-radius: 4rpx;
        padding: 0 60rpx;
      }

      font-size: 28rpx;
      font-weight: 400;
      color: #666666;

      // line-height: 39rpx;
      text {
        // flex: 1;
      }

      ::v-deep {
        .uni-stat__select {
          width: 120px;

          .uni-select {
            width: 240rpx;
          }
        }
      }
    }

    .manage-page-list {
      margin-top: -8rpx;

      .manage-page-item {
        display: flex;
        padding: 32rpx 0;
        border-bottom: 2rpx solid rgba(0, 0, 0, 0.1);

        .manage-page-item-left {
          image {
            width: 310rpx;
            height: 200rpx;
            box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(67, 67, 67, 0.102);
            border-radius: 16rpx 16rpx 16rpx 16rpx;
            opacity: 1;
          }
        }

        .manage-page-item-right {
          padding-left: 30rpx;
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;

          .manage-page-item-title {
            font-size: 30rpx;
            font-weight: 400;
            color: #333333;
            line-height: 42rpx;
            align-items: flex-start;

            .manage-page-item-title-statusDesc {
              width: 120rpx;
              text-align: right;
            }

            .manage-page-item-title-text {
              width: calc(100% - 120rpx);
            }
          }

          .manage-page-item-info {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            font-size: 24rpx;
            font-weight: 400;
            color: #666666;
            line-height: 34rpx;

            .daohang {
              height: 50rpx;
              width: 50rpx;
              margin: 0 auto;

              image {
                width: 100%;
                height: 100%;
              }
            }
          }
        }
      }
    }
  }

  .uni-popup-wrapper {
    width: 600rpx;
    background: #ffffff;
    border-radius: 10rpx;
    opacity: 1;
    padding: 0 32rpx;
    text-align: center;
    overflow: hidden;
  }

  .uni-popup-title {
    margin-top: 32rpx;
    font-size: 32rpx;
    font-weight: 400;
    color: #333333;
    line-height: 30rpx;
  }

  .uni-popup-content {
    padding: 30rpx 32rpx 40rpx 32rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333333;
    line-height: 42rpx;
  }

  .uni-popup-btn-one {
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    background: #64b6a8;
    border-radius: 40rpx 40rpx 40rpx 40rpx;
    opacity: 1;
    font-size: 30rpx;
    font-weight: 400;
    color: #ffffff;
    line-height: 30rpx;
    margin-bottom: 32rpx;
  }

  .uni-popup-mark {
    color: #e00000;
  }

  .uni-popup-tip {
    font-size: 20rpx;
    font-weight: 400;
    color: #999999;
    line-height: 28rpx;
    margin: 10rpx auto;
  }

  .uni-popup-btn-wrapper {
    display: flex;
    width: 100%;
  }

  .uni-popup-btn {
    flex: 1;
    height: 90rpx;
    line-height: 90rpx;
    font-size: 30rpx;
    font-weight: 400;
    opacity: 1;
    border-radius: 0;

    &.left {
      background: #f2f2f2;
      color: #333333;
    }

    &.right {
      background: #64b6a8;
      color: #ffffff;
    }
  }

  .uni-popup-list {
    margin: 0 22rpx 32rpx 22rpx;

    .uni-popup-item {
      margin-top: 20rpx;

      font-size: 28rpx;
      font-weight: 400;
      color: #333333;
      line-height: 39rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .uni-popup-item-name {
        text-align: left;
        width: 500rpx;
      }
    }
  }

  .tijiaos_frame {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    padding: 46rpx;
    text-align: center;

    .title {
      font-size: 30rpx;
      font-weight: 550;
      color: #000000;
      margin-bottom: 28rpx;
    }

    .tijiaos_one {
      display: flex;
      flex-direction: column;
      // align-items: center;
      text-align: left;

      .image {
        width: 78rpx;
        height: 78rpx;
        margin: 0 auto;
        margin-bottom: 12rpx;
      }

      .image3 {
        width: 78rpx;
        height: 78rpx;
        margin: 0 auto;
        margin-bottom: 30rpx;
      }

      .lqcg {
        font-size: 26rpx;
        font-weight: 400;
        color: #64b6a8;
        text-align: center;
        margin-bottom: 22rpx;
      }

      .lqsb {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        text-align: center;
        margin-bottom: 22rpx;
      }

      .zhyc {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        text-align: center;
      }

      .lqsj {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        margin-left: 72rpx;
      }

      .lqfs {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        margin-left: 72rpx;
      }
    }

    .determine {
      width: 480rpx;
      height: 80rpx;
      background-color: #64b6a8;
      border-radius: 100rpx;
      font-size: 30rpx;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      margin-top: 30rpx;
    }
  }

  ::v-deep {
    .uni-calendar__mask {
      z-index: 3000;
    }

    .uni-calendar--fixed {
      z-index: 3000;
    }
  }

  .hui {
    position: fixed;
    display: flex;
    align-items: center;
    padding: 10rpx 20rpx;
    right: 30rpx;
    bottom: 154rpx;
    background-color: #fff;
    border-radius: 34rpx;
    font-size: 24rpx;

    image {
      width: 46rpx;
      height: 46rpx;
      margin-right: 18rpx;
    }
  }
</style>
